目录

style borderImageSource 属性

示例

使用图片作为 div 元素周围的边框:

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

描述

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

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


浏览器支持

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

Property
borderImageSource Yes 11.0 Yes 6.0 15.0

看着那(这边框图片属性代替!


语法

返回 borderImageSource 属性:

object.style.borderImageSource

设置 borderImageSource 属性:

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

属性值

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

技术细节

默认值: 没有任何
返回值: 一个字符串,表示元素的 border-image-source 属性
CSS版本 CSS3

相关页面

CSS 参考:边框图片源属性