在包含边框的 Style borderImageOutset空间中，要绘制的图像称为边框图像空间。默认情况下，边框图像区域的边界与元素的边框框的边界相匹配。但是，可以使用 border-image-outset 属性扩展这些边界。
border-image-outset 属性指定边框图像空间从元素的边框框区域延伸远的量。该数量被描述为一组起始值，这些值指定边界图像空间将从顶部、右侧、底部和左侧边缘扩展的数量。
句法：
- 它返回 borderImageOutset 属性
object.style.borderImageOutset- 它用于设置 borderImageOutset 属性
object.style.borderImageOutset="length | number | initial | inherit"返回值：返回边界图像区域超出边界框的量。
属性值
- 句法：
borderImageOutset = "10px"- 例子：
html
On click, border-image-outset property changes.
GeeksforGeeks
html
On click, border-image-outset property changes.
GeeksforGeeks
html
On click, border-image-outset property changes.
GeeksforGeeks
html
On click, border-image-outset property changes.
GeeksforGeeks
html
On click, border-image-outset property changes.
GeeksforGeeks
- 输出：
- 点击按钮前：
- 点击按钮后：
- 句法：
borderImageOutset = "5px 10px"- 例子：
html
On click, border-image-outset property changes.
GeeksforGeeks
- 输出：
- 点击按钮前：
- 点击按钮后：
- 句法：
borderImageOutset = "5px 7px 10px"- 例子：
html
On click, border-image-outset property changes.
GeeksforGeeks
- 输出：
- 点击按钮前：
- 点击按钮后：
- 句法：
borderImageOutset = "5px 7px 10px 12px"- 例子：
html
On click, border-image-outset property changes.
GeeksforGeeks
- 输出：
- 点击按钮前：
- 点击按钮后：
- number：取十进制值。如果 borderWidth 为 k 且 borderImageOutset 为 2，则表示 borderImage 与元素边框的距离为 2*k。
句法：
borderImageOutset = "1.2"- 例子：
html
On click, border-image-outset property changes.
GeeksforGeeks
- 输出：
- 点击按钮前：
- 点击按钮后：
- 继承：当没有为此字段指定值时，它是从元素的父元素继承的。如果没有父元素意味着此元素是根元素，则它采用初始（或默认）值。
- initial： initial 关键字将属性的初始值描述为其指定值。也就是说，无论属性的继承或级联值是什么，它都会重置为其默认初始值。
浏览器支持： DOM Style borderImageOutset 属性支持的浏览器如下：
- 谷歌浏览器 15.0
- 浏览器 11.0
- Mozilla 火狐 15.0
- 歌剧 15.0
- Safari 6.0