Style borderImageSource 属性

定义和用法

borderImageSource 属性设置或返回要使用的图像,而不是由 border-style 属性给出的边框样式。

提示:如果值为 "none",或者图像无法显示,将使用边框样式。

另请参阅:

CSS 参考手册:border-image-source 属性

实例

使用图像作为 div 元素的边框:

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

亲自试一试

语法

返回 borderImageSource 属性:

object.style.borderImageSource

设置 borderImageSource 属性:

object.style.borderImageSource = "none|image|initial|inherit"

属性值

描述
none 不会使用任何图像。
image 要用作边框的图像的路径。
initial 将此属性设置为其默认值。请参阅 initial
inherit 从其父元素继承此属性。请参阅 inherit

技术细节

默认值: none
返回值: 字符串,表示元素的 border-image-source 属性
CSS 版本: CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 11.0 支持 6.0 15.0

请查看 borderImage 属性


http://www.vxiaotou.com