Template:Roundy: Difference between revisions
Appearance
Created page with "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-b..." |
No edit summary |
||
| (10 intermediate revisions by the same user not shown) | |||
| 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}}}; | <includeonly>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}}};</includeonly><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 should be used to create rounded borders, and must be included within the element's <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 a default border radius of 10 pixels. | |||
|}</nowiki></code> | |||
{| style="border: 2px solid #000000; margin: 15px 30px 15px; {{roundy}}" | |||
|- | |||
| Informational text with a 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> | |||
Latest revision as of 19: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 should be used to create rounded borders, and must be included within the element's 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 a default border radius of 10 pixels. |}
| Informational text with a 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. |