CSS Borser radius Property
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" |