Template:CSSBorderRadius: Difference between revisions

From City of Heroes: Rebirth Wiki
Jump to navigation Jump to search
imported>Sekoia
(Created page with "-moz-border-radius: {{{1}}}; -webkit-border-radius: {{{1}}}; border-radius: {{{1}}}; -khtml-border-radius: {{{1}}};<noinclude> Making rounded borders currently is implemented in...")
 
imported>Sekoia
No edit summary
 
(One intermediate revision by the same user not shown)
Line 3: Line 3:
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:
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:


<nowiki>style="border: 1px solid black; {{CCSBorderRadius|10px}}}"
<nowiki>style="border: 1px solid black; {{CCSBorderRadius|10px}}}"</nowiki>


[[Category:CSS Templates]]</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>

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).