Menu Home

border-radius

osbo.com | CSS | Properties | border-radius

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

Examples

length

percentage

JS

Internal

border-bottom-left-radius

border-bottom-right-radius

border-top-left-radius

border-top-right-radius

External

World Wide Web Consortium (W3C)