border bottom left radius

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

CSS3 border-bottom-left-radius Property


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

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


Definition and Usage

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

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


CSS Syntax

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

Property Values

Value Description  
length Defines the shape of the bottom-left corner. Default value is 0  
% Defines the shape of the bottom-left corner in %