border bottom right radius

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

CSS3 border-bottom-right-radius Property


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

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


Definition and Usage

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

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

CSS Syntax

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


Property Values

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