最新的Web开发教程
 

Style borderImageSource Property

<Style对象

使用图像围绕一个div元素的边框:

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

定义和用法

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

Tip:如果该值是"none" ,或者,如果无法显示的图像,边框样式将被使用。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该borderImageSource属性未在Opera的支持。

该borderImageSource属性无法在Internet Explorer 10和更早版本的支持。

该borderImageSource属性未在Safari 5和更早版本的支持。

看看borderImage属性,而不是!


句法

返回borderImageSource属性:

object .style.borderImageSource

设置borderImageSource属性:

object .style.borderImageSource="none| 属性值
描述
none 没有图像将使用
image 到图像的路径将被用作边界
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 没有
返回值: 一个字符串,表示元素的边界图像的源属性
CSS版本 CSS3

相关页面

CSS参考: border-image-source property


<Style对象