Style border Top Right Radius Property

Style border Top Right Radius Property


Style border Top Right Radius Property
It is the CSS property that rounds the top-right corner of an element by specifying the radius. It is used to define the radius of the right top corner of the border of a given element.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
 
property
 
chrome
 
firefox
 
microsoft edge
 
Opera
 
border-top-right-radius
 
5.0
4.0 -webkit-
 
4.0
3.0 -moz-
 
9.0
 
10.5
 
Syntax
border-top-right-radius: length|% [length|%]|initial|inherit;
Example
Output
 
Property Values
 
Value
 
Description
 
length
 
Defines the shape of the top-right corner.
 
%
 
Defines the shape of the top-right corner in %
 
initial
 
Sets this property to its default value.
 
inherit
 
Inherits this property from its parent element.
 
Technical Details
 
Default value:
 
0
 
Version:
 
CSS3
 
inherited
 
No
 
Animatable
 
Yes
 
JavaScript syntax:
 
object.style.borderTopRightRadius="25px"