HTML & CSS Wiki
Register
Advertisement

The CSS border-bottom-right-radius property was introduced in CSS3. This property is currently only supported in Gecko 2.0 (Firefox 4.0), Opera 10.5, and WebKit 532.5 (Safari 5 and Chrome 5). It sets the border radius of the bottom right corner of an object. To specify an individual border radius for another specific corner of an object, use the border-top-right-radius, border-top-left-radius, and/or border-bottom-left-radius properties.

Values[]

Value Description
<length> Specifies a length value for the border radius. Examples of lengths are px, em, etc.
<percentage> Specifies a percentage value for the border radius. Currently only Firefox 4 and Opera 10.5 support the usage of percentage values.


HTML example:

<span style="background:black; padding:2px; border-bottom-right-radius:10px;">TEXT</span>


CSS example:

h1 {
    background:black;
    padding:2px;
    border-bottom-right-radius:10px;
}
Advertisement