May 05, 2021 CSS Reference Manual
Set the border-image-outset property:
div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
| Attributes | |||||
|---|---|---|---|---|---|
| border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Opera does not support border-image-outset properties.
The border-image-outset property is not supported by Internet Explorer 10 and earlier versions.
Border-image-outset properties are not supported by Safari 5 and earlier versions.
The border-image-outset property specifies that the border image exceeds the amount of the border box.
| Default: | 0 |
|---|---|
| Inheritance: | no |
| Version: | CSS3 |
| JavaScript syntax: | object .style.borderImageOutset="30 30" |
border-image-outset: length|number;
Note: The border-image-outset property specifies that the border image exceeds the amount of the border box. O n the top, right, bottom, and left. I f the fourth value is ignored, it is the same as the second value. I f the third value is omitted, it is the same as the first value. I f the second value is omitted, it is the same as the first value. No negative values are allowed as border-image-outset values.
| Value | Describe |
|---|---|
| length | |
| number | Represents a multiple of the corresponding border-width. |
CSS3 tutorial: CSS3 border