border top left radius

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 border-top-left-radius Property


Add a rounded border to the top-left corner of a <div> element:

div {
    border: 2px solid;
    border-top-left-radius: 2em;


Definition and Usage

The border-top-left-radius property defines the shape of the border of the top-left corner.

Tip: This property allows you to add rounded borders to elements!

CSS Syntax

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


Property Values

Value Description  
length Defines the shape of the top-left corner  
% Defines the shape of the top-left corner in %