|
|
Line 1: |
Line 1: |
| <includeonly>-moz-border-radius:{{{1}}}; -webkit-border-radius:{{{1}}}; -opera-border-radius:{{{1}}}; -o-border-radius:{{{1}}}; -khtml-border-radius:{{{1}}}; border-radius:{{{1}}};</includeonly><noinclude>
| | -moz-border-radius:{{{1}}}; -webkit-border-radius:{{{1}}}; -opera-border-radius:{{{1}}}; -o-border-radius:{{{1}}}; -khtml-border-radius:{{{1}}}; border-radius:{{{1}}};<noinclude> |
| ==Usage==
| |
| This template is for making round corners to tables and such in a way that is compatible with all the browsers that support them, which at the moment are: Firefox (and other Gecko-based browsers), Safari and Chrome (and other Webkit-based browsers), Konqueror (and other KHTML-based browsers) and Opera (though only older versions as they seem to have removed support for it).
| |
|
| |
|
| To get those pretty corners, just use this template in the style attribute of the thing you want rounded instead of <tt>-*-border-radius:amount</tt>.
| | For usage, see talkpage. |
| | | [[Category:Utility Templates]]</noinclude> |
| <div style="background: black; color: grey; padding: 1px 4px; {{border-radius|8px}}">
| |
| This box was created with the following code:
| |
| <pre>
| |
| <div style="background: black; color: grey; padding: 1px 4px; {{border-radius|8px}}">
| |
| Here be contents...
| |
| </div>
| |
| </pre>
| |
| </div>
| |
| | |
| [[Category:Utility Templates]] | |
| </noinclude> | |
Revision as of 16:24, 17 October 2008
-moz-border-radius:{{{1}}}; -webkit-border-radius:{{{1}}}; -opera-border-radius:{{{1}}}; -o-border-radius:{{{1}}}; -khtml-border-radius:{{{1}}}; border-radius:{{{1}}};
For usage, see talkpage.