English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
This border-image-The outsetCSS property specifies the amount by which the boundary image area extends beyond the border box.
The table below provides usage instructions and version history for this property, as well as the syntax for using this property in JavaScript scripts.
| Default value: | 0 |
|---|---|
| Applicable to: | This attribute can be applied to any element, but when the border of table elements (such as tr, th, td) is-When the collapse attribute value of border is collapse-image-The outset attribute is invalid. It also applies to::first-letter. |
| Inheritance: | None |
| Animatable: | No.Please see Animation attributes. |
| Version: | CSS3New feature |
| New feature of JavaScript syntax: | object.style.borderImageOutset="20 20" |
The syntax of this attribute is as follows:
border-image-outset: length | number | initial | inherit
The following example demonstrates how to use border-image-outset attribute.
.box {
width: 300px;
height: 150px;
border: 15px solid transparent;
border-image-source: url("border.png");
border-image-slice: 30;
border-image-outset: 15px;
}Test to see‹/›The following table describes the values of this attribute.
| Value | Description |
|---|---|
| length | Specifies the absolute distance or the distance in relative units that the boundary image exceeds the bounding box. Negative values are not allowed. |
| number | Represents the boundary width or the width of the bounding boxborder-widthtimes the value. Negative values are not allowed. |
| initial | Set this attribute to its default value. |
| inherit | If specified, the associated elements use their parent element's border-image-outset attribute values. |
border-image-Browser compatibility of outset attribute, the numbers in the following table represent the minimum browser version that supports this attribute; all mainstream browsers support this attribute.
|
Please refer to the following tutorials:CSS3 BorderandCSS Border.
Related attributes:border-image,border-image-source,border-image-slice,border-image-width,border-image-repeat,border.