CSS3 border-bottom-left-radius property
Examples
Add rounded corners to the bottom right corner of the div element:
Browser Support
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 |
Attribute definitions and instructions
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" |
grammar
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. |
related articles
CSS3 tutorial: CSS3 Border