Example
Specify the widths of the image-border:
document.getElementById("myDIV").style.borderImageWidth = "20px 30px";Try it Yourself »
Definition and Usage
The borderImageWidth property specifies the widths of the image-border.
Browser Support
The borderImageWidth property is not supported in Opera.
The borderImageWidth property is not supported in Internet Explorer 10 and earlier.
The borderImageWidth property is not supported in Safari 5 and earlier.
Look at the borderImage property instead!
Syntax
Return the borderImageWidth property:
object.style.borderImageWidth
Set the borderImageWidth property:
object.style.borderImageWidth="number|%|auto|initial|inherit"
Property Values
| Value | Description |
|---|---|
| length | A length unit (px) specifying the size of the border-width |
| number | Default value 1. Represents multiples of the corresponding border-width |
| % | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets |
| auto | If specified, the width is the intrinsic width or height of the corresponding image slice |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | 1 |
|---|---|
| Return Value: | A String, representing the border-image-width property of an element |
| CSS Version | CSS3 |
Related Pages
CSS reference: border-image-width property
< Style Object