Style border Top Left Radius Property

Style border Top Left Radius 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
 
Set 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"