border-radius
Defines the degree to which border corners will be rounded.
Syntax
{ border-radius
sRadius }
Possible values
sRadius
String that specifies one or more radius values, separated by a slash ("/").
radius |
A floating-point number, followed by either an absolute units designator (, mm, in, pt, or pc) or a relative units designator (em, ex, or px), that indicates the radius. |
percentage |
An integer, followed by a %. The value is a percentage of, for horizontal radii, the width of the border box, or for vertical radii, the height of the border box. |
This property has no default value. It is not inherited.
Remarks
The border-radius property is a composite property that specifies up to four border-*-radius properties. If values are given before and after the slash, the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, the values set both radii equally. The four values for each radii are given in the following order: top-left, top-right, bottom-right, bottom-left. If the bottom-left value is omitted, the value is the same as the top-right value. If the bottom-right value is omitted, the value is the same as the top-left value. If the top-right value is omitted, the value is the same as the top-left value.
Standards Information
Important
This documentation is preliminary and subject to change.
Applies to
a, address, b, big, blockquote, body, br, button, caption, cite, code, dd, dfn, div, dl, dt, em, hn, i, img, input type=file, input type=image, input type=password, input type=text, kbd, label, legend, li, listing, marquee, menu, ol, p, plaintext, pre, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul
See also
Concepts
border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius
border-top-right-radius
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.