Template:CSSBorderRadius: Difference between revisions

From City of Heroes: Rebirth Wiki
Jump to navigation Jump to search
imported>Sekoia
m (doh)
imported>Sekoia
No edit summary
 
Line 4: Line 4:


<nowiki>style="border: 1px solid black; {{CCSBorderRadius|10px}}}"</nowiki>
<nowiki>style="border: 1px solid black; {{CCSBorderRadius|10px}}}"</nowiki>
This won't be supported on all browsers, but browsers which lack support will just show the border normally (without round corners).


[[Category:CSS Templates]]</noinclude>
[[Category:CSS Templates]]</noinclude>

Latest revision as of 19:51, 18 April 2012

-moz-border-radius: {{{1}}}; -webkit-border-radius: {{{1}}}; border-radius: {{{1}}}; -khtml-border-radius: {{{1}}};

Making rounded borders currently is implemented in several ways across browsers. This template simplifies handling by wrapping the various methods in one place, which also makes it easier to update if needed. Use within a style attribute like so:

style="border: 1px solid black; {{CCSBorderRadius|10px}}}"

This won't be supported on all browsers, but browsers which lack support will just show the border normally (without round corners).