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