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:![](https://steemitimages.com/DQmaZ5o2dSsxwDoD7tk4PbAQeHdk8H4tK1ncf1rBn8MNJ2k/4%20value.png)
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:![](https://steemitimages.com/640x0/https://steemitimages.com/DQmV8jfJPDJQYhswdGQMdWsrpRWu94DSXPjKe277rQWh4gU/3%20value.png)
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:![](https://steemitimages.com/DQmckFuMfe1HbrY4QwrRUSDvLNUK4j83pWpxtpbvkE9i6yo/teowvalue.png)
One Value of boreder-radius:
{
border-radius:15px;
}
the value applies to all four corners, which are rounded equally
Example:![](https://steemitimages.com/640x0/https://steemitimages.com/DQmPhZ9TWupqYfV3kD8tSaYQZMHrcnNNHLdQ3C6arXeYGtp/one%20value.png)
Default value: | 0 px |
---|---|
Inherited: | 0 |
Version : | CSS3 |
JavaScript syntax : | object.style.borderRadius="25px" |