CSS border-image-source 属性

指定图片作为元素周围的边框：

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

定义和用法

这个border-image-source属性指定要用作边框的图片的路径（而不是元素周围的正常边框）。

提示：如果值为"none"，或者图片无法显示，则将使用边框样式。

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

默认值：	没有任何
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.borderImageSource="url(border.png)"尝试一下

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

Property
border-image-source	15.0	11.0	15.0	6.0	15.0

border-image-source: none| image|initial|inherit;

Value	Description	Demo
none	No image will be used
image	The path to the image to be used as a border	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit