CSS Borser radius Property

in html •  7 years ago 

Add Border Radius add div button section Element

Defination and useage

The Border-radius Property define s the radius of the elements corner.

Tip:

This property allows you to add rounde border to elements ! . This property can have form one to four value .here the ruls

Foue Value of boreder-radius:

{ border-radius:15px 50px 30px 5px; }

First value Applies to top-left corner . second value applies top-right cornrt , third value to bottom -right corner , fourth value to bottom-left corner

Example:

Three Value of boreder-radius:

{ border-radius:15px 50px 30px ; }

First value Applies to top-left corner . second value applies top-right corner and bottom-left corner , third value to bottom -right corner

Example:

Two Value of boreder-radius:

{ border-radius:15px 50px ; }

first value applies to top-left and bottom-right corners, and the second value applies to top-right and bottom-left corners

Example:

One Value of boreder-radius:

{ border-radius:15px; }

the value applies to all four corners, which are rounded equally

Example:

Default value: 0 px
Inherited: 0
Version : CSS3
JavaScript syntax : object.style.borderRadius="25px"
#upvote #Share #Comment
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!