HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

border-radius

Description

The border-radius property for CSS 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

1 · length

2 · percentage

3 · JS