Fandom

HTML & CSS Wiki

Border-top-right-radius

649pages on
this wiki
Add New Page
Comments0 Share

The CSS border-top-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 top right corner of an object. To specify an individual border radius for another specific corner of an object, use the border-top-left-radius, border-bottom-left-radius, and/or border-bottom-right-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-top-right-radius:10px;">TEXT</span>


CSS example:

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

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.