Template:Border-radius: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(Created page with "<includeonly>{{#switch:{{{1}}}|top=-moz-border-radius-topleft: {{{2|1em}}}; -moz-border-radius-topright: {{{2|1em}}}; -webkit-border-top-left-radius: {{{2|1em}}}; -webkit-border-top-right-radius: {{{2|1em}}}; border-radius-{{{1|top}}}left: {{{2|1em}}}; border-radius-{{{1|top}}}right: {{{2|1em}}}; |bottom=-moz-border-radius-bottomleft: {{{2|1em}}}; -moz-border-radius-bottomright: {{{2|1em}}}; -webkit-border-bottom-left-radius: {{{2|1em}}}; -webkit-border-bottom-right-radi...") |
(No difference)
|
Latest revision as of 01:19, 17 October 2024
Template documentation
This documentation is transcluded from Template:Border-radius/doc. [edit] [history] [purge]
This template inserts CSS to create rounded corners in an element. It should be used over manually specifying the border-radius
property due to browser compability.[confirmation needed]
Usage
This template can be used by placing it into an HTML element's "style" attribute. It takes a parameter for how large the radius should be: a number, followed by any valid CSS unit, most commonly em
or px
.
<span class="{{Border-radius|1em}}">Contents</span>