Template:Border-radius

This is the current revision of this page, as edited by Alex (talk | contribs) at 00:19, 17 October 2024 (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..."). The present address (URL) is a permanent link to this version.

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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>