border top right radius

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

CSS3 border-top-right-radius Property


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

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


Definition and Usage

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

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

CSS Syntax

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


roperty Values

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