CSS3 border-image-widthProperty
Example
Specifies the width of the image border boundaries:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
Browser Support
The numbers in the table indicate the first browser version that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Property definition and usage notes
The border-image -width property specifies the width of the image border.
| Default Value: | 1 |
|---|---|
| Inherited: | no |
| version: | CSS3 |
| JavaScript Syntax: | object.style.borderImageWidth="30 30" |
Syntax
border-image-width: number|%|auto;
Note:The four values of border-image-width specify the distances used to divide the border image area into nine parts. They represent the inward distances from the top, right, bottom, and left sides. If the fourth value is omitted, it is the same as the second. If the third is also omitted, it is the same as the first. If the second is also omitted, it is the same as the first. Negative values are not allowed.
| Value | Description |
|---|---|
| number | Indicates a multiple of the corresponding border-width. |
| % | The size of the border-image area: the area of the width of the horizontal offset, and the area of the height of the vertical offset. |
| auto | If specified, the width is the intrinsic width or height of the corresponding image slice. |