Template:Roundy: Difference between revisions

Revision as of 17:33, 23 January 2015

This template has been developed to allow users to more easily incorporate CSS styling into articles and pages.

The {{round}} template must be included withing the elements style tag. The element must already have either a background or border in order for the template to work properly. If no border radius parameter is included, the template will default to a 10 pixel radius.

Examples:

{| style=border: 2px solid #000000; {{roundy}} | Informational text with the default border radius of 10 pixels. |}

Informational text with the default border radius of 10 pixels.

{| style="border: 2px solid #CC0000; {{roundy|5px}}" | Informational text with a border radius of 5 pixels. |}

Informational text with a border radius of 5 pixels.

border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px;

@@ Line 1: / Line 1: @@
-border-radius: {{{1|10px}}}; -moz-border-radius: {{{1|10px}}}; -webkit-border-radius: {{{1|10px}}}; -khtml-border-radius: {{{1|10px}}}; -icab-border-radius: {{{1|10px}}}; -o-border-radius: {{{1|10px}}};
+<noinclude>This template has been developed to allow users to more easily incorporate CSS styling into articles and pages.
+The <code><nowiki>{{round}}</nowiki></code> template must be included withing the elements <code>style</code> tag. The element must already have either a background or border in order for the template to work properly. If no border radius parameter is included, the template will default to a 10 pixel radius.
+'''Examples:'''
+* <code><nowiki>
+{| style=border: 2px solid #000000; {{roundy}}
+| Informational text with the default border radius of 10 pixels.
+|}</nowiki></code>
+{| style="border: 2px solid #000000; margin: 15px 30px 15px; {{roundy}}"
+|-
+| Informational text with the default border radius of 10 pixels.
+|}
+* <code><nowiki>
+{| style="border: 2px solid #CC0000; {{roundy|5px}}"
+| Informational text with a border radius of 5 pixels.
+|}</nowiki></code>
+{| style="border: 2px solid #CC0000; margin: 15px 30px 0; {{roundy|5px}}"
+| Informational text with a border radius of 5 pixels.
+|}
+[[Category:CSS Template]]
+</noinclude>border-radius: {{{1|10px}}}; -moz-border-radius: {{{1|10px}}}; -webkit-border-radius: {{{1|10px}}}; -khtml-border-radius: {{{1|10px}}}; -icab-border-radius: {{{1|10px}}}; -o-border-radius: {{{1|10px}}};