CSS3 border-image-width attribute
Examples
Specifies the width of the image border:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
Browser Support
Figures in the table represent the first browser to support the version number of the property.
属性 | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Attribute definitions and instructions
The width of the border-image -width attribute specifies the image border.
Defaults: | 1 |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.borderImageWidth = "30 30" |
grammar
border-image-width:number|%|auto;
Note: The four border-image -width values specified for the border image area is divided into nine sections.On behalf of them, right, bottom, left, inward from the sides. If the fourth value is omitted, and that the second is identical. If you also omit the third, and it is the same as the first. If you also omit the second, and it is the same as the first. Negative values are not allowed.
value | Explanation |
---|---|
number | Indicates that the corresponding border-width multiples |
% | Width area height area laterally offset, vertical offset: the size of the boundary of the image area |
auto | If specified, the intrinsic width is the width or height of the corresponding image slice |