Style borderImage 属性
Style 对象的 borderImage 属性是设置 borderImageSource 、 borderImageSlice 、 borderImageWidth 、 borderImageOutset 和 borderImageRepeat 属性的速记属性
省略的值被设置为它们的默认值
语法
返回 borderImage 属性
object.style.borderImage
设置 borderImage 属性
object.style.borderImage=" source slice width outset repeat |initial|inherit"
属性值
值 | 描述 |
---|---|
borderImageSource | 要用于绘制边框的图像的路径 |
borderImageSlice | 图像边框的向内偏移 |
borderImageWidth | 图像边框的宽度 |
borderImageOutset | 边框图像区域超出边界框的量 |
borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块 |
initial | 设置该属性为它的默认值。可以阅读 initial |
inherit | 从父元素继承该属性。可以阅读 inherit |
默认值
none 100% 1 0 stretch
返回值
字符串,表示元素的 border-image 属性
浏览器支持
Internet Explorer 11、Firefox、Opera 15、Chrome 和 Safari 6 支持 borderImage 属性
Safari 5 支持另一个可替代该属性的属性,即 webkitBorderImage 属性
范例
指定作为 div 元素周围边框的图像
document.getElementById("myDIV").style.borderImage = "url(/static/i/javascript/basic/border.png) 30 30 round";
相关知识
CSS 参考手册: border-image 属性