freeCodeCamp/index.md at d03c71b9905a43c8a3a7ffe14c2a14bcc3e0b51f

Files

Mrugesh Mohapatra da0df12ab7 fix(guide): simplify directory structure

2018-10-16 21:32:40 +05:30

title

title
CSS3 Border Radius Property

CSS3 Border Radius Property

You can make element's borders round by using border-radius property. You can set one to four values to border-radius property:

border-radius: 5px; - this rule will apply to all corners
border-radius: 5px 10px- This rule will apply first value to top-left and bottom-right, second value to top-right and bottom-left.
border-radius: 3px 5px 7px 10px - This rule will apply first value to top-left, second value to top-right, third value to bottom-right, fourth value to bottom-left.
In case of three values, the second value applies to both top-right and bottom-left.