CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
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;
}
{
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 |
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The HTML5 Certificate documents your knowledge of advanced HTML5.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
