CSS property: `-webkit-border-radius`

Description

Specifies that the corners of a box be rounded with the specified radius.

Syntax

-webkit-border-radius: <radius>;

-webkit-border-radius: <horizontal_radius> <vertical_radius>;

Values

<radius>: The radius of the rounded corners.
<horizontal_radius>: The horizontal radius of the rounded corners.
<vertical_radius>: The vertical radius of the rounded corners.

Versions

Examples

div {
    -webkit-border-radius: 10px;
}