CSS3 border-image-width Property

Example

Specify the widths of the image-border:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

---

Browser Support

The border-image-width property is not supported in any of the major browsers.
Look at the border-image property instead!

---

Definition and Usage

The border-image-width property specifies the widths 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 offsets that are used to divide the border image area into nine parts. They represent the inward distances from the the top, right, bottom, and left sides of the area. If the fourth value is omitted, it is the same as the second. If the third one is also omitted, it is the same as the first. If the second one is also omitted, it is the same as the first. Negative values are not allowed for any border-image-width values.

Value	Description
number	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 +CSS3  +CSSReflex +CSSCHOPPER +CSS Author  +CSSW Yemen-Sana'a  +Css Color +CSSW Yemen-Sana'a +CSS Light +CSS Mobi