Search within TutorialsPark

CSS3 border-top-left-radius Property


To set the radius for the top left corner


Definition and Notes.

1. The CSS border-top-left-radius property is used to set the rounding radius for the top left corner of an element's border

2. It accepts a pair of length or percentage values. The percentages relate to the width and height of the border-box.

3.If two values are specified, the first is horizontal radius and second is vertical radius.


Syntax:

CSS border-top-left-radius property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-For two radius values, the first sets the horizontal radius of quarter ellipse and second sets the vertical radius of quarter ellipse.

Property Values

Value Description
length To set the shape of the curve of the top left corner in length values.
% The set the shape of the curve of the top left corner in percentage values.

Specifications

Specs Value
Name border-top-left-radius
Value <length> <percentages> <length> <percentages>
Initial Value 0
Applies to All Elements
Javascript syntax object.style.borderTopLeftRadius=" 20px "
Inherited No
Percentages Refer to the dimensions of element's border box
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.