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.




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-
3.0 -moz-
3.1 -webkit-
9.0 10.5