Menu Samaritan's Purse

BORDER-RADIUS

The border-radius 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)