CSS border-top-right-radius Property
In CSS, the border-top-right-radius property is used to define the radius of the right top corner of a given element's border. The border-top-right-radius property is used to create a rounded corner at the container's top-right corner.
The border-radius property is used to set all radius corners of a container at once with the same radius value, while the border-top-right-radius property specifies the top-right border.
Syntax
Property Values
| Value | Description |
|---|---|
| length | The top-right corner's shape is defined by this property. Learn more about length units. |
| % | In percent, defines the shape of the top-right corner. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| border-top-right-radius |
5.0
4.0 -webkit- |
4.0
3.0 -moz- |
5.0
3.1 -webkit- |
9.0 | 10.5 |