The best CSS3 border-radius property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Attribute definitions and instructions,grammar,Example 1,Example 2,related articles,
Div element to add rounded borders:
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
Attributes | |||||
---|---|---|---|---|---|
border-image | 4.0 -webkit- | 9.0 | 4.0 -moz- | 5.0 -webkit- | 10.5 -o- |
border-radius property is a can specify up to four border - * - radius properties of the composite properties
Note: This property allows you to add elements rounded borders!
Defaults: | 0 |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object object.style.borderRadius = "5px" |
Note: The order of the four values of each radius are: the top left, top right, bottom right corner, lower left corner.If you omit the lower left corner, the upper right corner is the same. If you omit the lower right corner, upper left corner is the same. If you omit the upper right corner, upper left corner is the same.
值 | 描述 |
---|---|
length | 定义弯道的形状。 |
% | 使用%定义角落的形状。 |
CSS3 tutorial: CSS3 Border