Template:Border-radius: Difference between revisions

Latest revision as of 16:02, 1 February 2013

Documentation

See the talk page for details.

@@ Line 1: / Line 1: @@
--moz-border-radius:{{{1}}}; -webkit-border-radius:{{{1}}}; -opera-border-radius:{{{1}}}; -o-border-radius:{{{1}}}; -khtml-border-radius:{{{1}}}; border-radius:{{{1}}};<noinclude>
+<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>{{Doc}}[[Category:Utility Templates]]</noinclude>
-== Description ==
-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:
-* Gecko-Based Browsers
-** '''Firefox'''
-* Webkit-Based Browsers
-** '''Safari'''
-** '''Google Chrome'''
-* KHTML-Based Browsers
-** '''Konqueror'''
-* Others
-** '''Opera''' <small>(Older versions only)</small>
-== Usage ==
-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>.
-<div style="background: black; color: grey; padding: 1px 4px; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px; 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>