Style border Top Color Property

Style border top-left-radius Property

It is the CSS property to round the top-left corner of an element by specifying the radius of the ellipse defining the curvature of the corner..

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-top-left-radius	5.0 4.0-webkit-	4.0 3.0- moz-	9.0	10.5

 

Syntax

border-top-left-radius: length|%[length|%]|initial|inherit;

for example

Output

 

Property Values

Value	Description
length	It defines the shape of the top-left corner.
%	It defines the shape of the top-left  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.borderTopLeftRadius="30px"