Template:Roundy: Difference between revisions
No edit summary |
No edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<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> | <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> | ||
<noinclude>This template has been developed to allow users to more easily incorporate CSS styling into articles and pages. | 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 | 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:''' | '''Examples:''' | ||
* <code><nowiki> | * <code><nowiki> | ||
{| style=border: 2px solid #000000; {{roundy}} | {| style=border: 2px solid #000000; {{roundy}} | ||
| Informational text with | | Informational text with a default border radius of 10 pixels. | ||
|}</nowiki></code> | |}</nowiki></code> | ||
{| style="border: 2px solid #000000; margin: 15px 30px 15px; {{roundy}}" | {| style="border: 2px solid #000000; margin: 15px 30px 15px; {{roundy}}" | ||
|- | |- | ||
| Informational text with | | Informational text with a default border radius of 10 pixels. | ||
|} | |} | ||
* <code><nowiki> | * <code><nowiki> | ||
| Line 17: | Line 17: | ||
| Informational text with a border radius of 5 pixels. | | Informational text with a border radius of 5 pixels. | ||
|}</nowiki></code> | |}</nowiki></code> | ||
{| style="border: 2px solid #CC0000; margin: 15px 30px 0;" | {| style="border: 2px solid #CC0000; margin: 15px 30px 0; {{roundy|5px}}" | ||
| Informational text with a border radius of 5 pixels. | | Informational text with a border radius of 5 pixels. | ||
|} | |} | ||
[[Category:CSS Template]] | [[Category:CSS Template]] | ||
</noinclude> | </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. |