The border-radius CSS property is shorthand for border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius.
The first set of values are the horizontal radii and the second set of values are the vertical radii. A forward slash (/) separates the first set of values from the second set of values.
Syntax
CSS
border-radius: value;
JS
object.style.borderRadius = "value";
Values
<'border-radius'> = <length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?<length-percentage> = [ <length> | <percentage> ]
<length>
Specifies the length using a number followed by a unit of measurement.
<percentage>
Specifies the percentage using a number followed by a percent sign (%).
Initial
0
