Style border Radius Property

Style border Radius Property

It provides rounded corners around an element, tags, or div. It defines the radius of the corners of an element. It is used to round the corners of the outer border edges of an 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-image-repeat	5.0 4.0 -webkit-	4.0 3.0 -moz-	9.0	10.5

 

Syntax

border-radius: 1-4 length|% / 1-4 length|%|initial|inherit;                               

Example

Output

Property Values

Value	Description
length	Defines the shape of the corners.  Default value is 0.
%	Defines the shape of the corners 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.borderRadius="25px"