CSS3 `border-image-width` Property

Example

Specify the width of the image border:

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

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property	Chrome	Edge	Firefox	Safari	Opera
border-image-width	15.0	11.0	13.0	6.0	15.0

Property Definition and Usage

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

Note: The four values of border-image-width specify how to divide the border image area into nine parts. They represent the top, right, bottom, and left inward distances. If the fourth value is omitted, it is the same as the second. If the third value is also omitted, it is the same as the first. If the second value is also omitted, it is the same as the first. Negative values are not allowed.

Value	Description
number	Represents multiples of the corresponding `border-width`
%	Refers to the size of the border image area: the width of the horizontal offset, the height of the vertical offset
auto	If specified, the width is the intrinsic width or height of the corresponding image slice

❮ Css3 Pr Perspective Css Colorsfull ❯

CSS3 border-image-width Property

Example

Browser Support

Property Definition and Usage

Syntax

CSS3 `border-image-width` Property