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/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/DQmPhZ9TWupqYfV3kD8tSaYQZMHrcnNNHLdQ3C6arXeYGtp/one%20value.png

Default value:	0 px
Inherited:	0
Version :	CSS3
JavaScript syntax :	object.style.borderRadius="25px"

#upvote #Share #Comment