Template:Radius

Use this template to add border radius to an element within all supported browsers.

Usage
Place the following within the style definition in an html element:

TopLeft

About the parameters

 * unnamed parameter 1 - The radius value for the top left corner of the element.
 * This is the default value for all parameters if the others are not defined.
 * unnamed parameter 2 - The radius value for the top right corner of the element.
 * unnamed parameter 3 - The radius value for the bottom left corner of the element.
 * unnamed parameter 4 - The radius value for the bottom right corner of the element.
 * This will default to value of the second parameter if not defined.

Only top edges rounded
 This is a box with only the top edges rounded. This is a box with only the top edges rounded.

Left edges different from right edges
 The right edges of this box are more rounded than the left edges. The right edges of this box are more rounded than the left edges.

All edges rounded equally
 All edges of this box are equally rounded. All edges of this box are equally rounded.

Details

 * This template uses the subtemplate Radius-edge.
 * The "border-radius" CSS property is supported by Internet Explorer version 9 and later, Firefox version 4 and later, Safari version 5 and later, as well as all versions of Chrome and Opera.