border-radius

radius of the corners of the element's border

Example

1

Description

radius of the corners of the element's border

This is a shortcut for setting all four border-*-radius properties. The syntax is 1 to 4 values for the horizontal radii, followed by a slash, followed by 1 to 4 values for the vertical radii. Both sets of 4 possible values are ordered top-left, top-right, bottom-right, bottom-left, and can be given as CSS lengths or percentages. If bottom-right is omitted, the top-left value is used. If top-right is omitted, the top-left is used.

Values

Value Description
Values
<horizontal-radii> / <vertical radii>