CSS border-image-outset 属性

将边框图片放置在元素边框边缘之外 10 像素处：

#borderimg {
border-image-source: url(border.png);
border-image-outset: 10px;
}

定义和用法

这个border-image-outset属性指定边框图片区域超出边框框的量。

提示：另请参阅边框图片property（用于设置所有 border-image-* 属性的简写属性）。

默认值：	0
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.borderImageOutset="10px"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
border-image-outset	15.0	11.0	15.0	6.0	15.0

border-image-outset: length| number|initial|inherit;

笔记：这个border-image-outset属性可以采用一到四个值（顶部、右侧、底部和左侧）。如果省略第四个值，则与第二个值相同。如果第三个也省略，则与第一个相同。如果第二个也省略，则与第一个相同。

Value	Description	Play it
length	A length unit specifying how far from the edges the border-image will appear. Default value is 0	Demo ❯
number	Represent multiples of the corresponding border-width	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit