-moz-border-radius property | -webkit-border-radius property
Sets the rounding of the corners of the border.
|One of the following values:|
Description of values:
|Takes the value of this property from the computed style of the parent element.|
|The radius of the border in length units. For the supported length units, see the length page.|
|The radius is the specified percentage of the width of the object.|
If only one radius value is set, it is used for all four corners.
If two radius values are specified, the first value is used for the top-left and bottom-right corners, the second one is for the top-right and bottom-left corners.
If three radius values are set, the first value is used for the top-left corner, the second one is for the top-right and bottom-left corners and the third one is for the bottom-left corners.
If four radius values are specified, the order is top-left, top-right, bottom-right, bottom-left (clockwise from top-left).
Example HTML code 1:
This example illustrates the use of the -moz-border-radius and the -webkit-border-radius properties:
Did you find this example helpful?
Supported by tags:
User Contributed Comments