The best CSS3 border-bottom-left-radius property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Attribute definitions and instructions,grammar,related articles,
Add rounded corners to the bottom right corner of the div element:
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.
属性 | |||||
---|---|---|---|---|---|
border-radius | 9.0 | 5.0 4.0 -webkit- | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
border-right-radius property defines the shape of the bottom right border.
Note: This property allows you to add rounded corners elements!
Defaults: | 0 |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object object.style.borderBottomRightRadius = "5px" |
Note: Both the length or percentage border-right-radius attribute values define the oval shape of a quarter of the outer border edge corner.The first value is the horizontal radius and the second radius is vertical. If the second value is omitted, it is copied from the first one. If either of zero length, the corner is square, not round. The percentage of horizontal radius refers to the width of the bounding box, and the percentage of vertical radius refers to the height of the bounding box.
value | Explanation |
---|---|
length | Define the shape of the bottom right corner. |
% | Using the shape defined% lower right corner. |
CSS3 tutorial: CSS3 Border