例
指定的图像作为周围的边界<div>元素:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
试一试» 定义和用法
所述borderImage属性是用于设置一个速记属性borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset和borderImageRepeat性质。
省略的值被设置为默认值。
浏览器支持
在表中的数字规定,完全支持该财产浏览器版本。
数字后面的Webkit,万盎司或O指定的前缀工作的第一个版本。
属性 | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0的Webkit | 11.0 | 15.0 3.5万盎司 | 6 3.1的Webkit | 15.0 11.0Ø |
句法
返回borderImage属性:
object .style.borderImage
设置borderImage属性:
object .style.borderImage=" 属性值 值 描述 borderImageSource 到图像的路径将被用作边界 borderImageSlice 图像边框的向内偏移 borderImageWidth 图像边框的宽度 borderImageOutset 由边界图像区域超出边框盒的量 borderImageRepeat 无论是图像边界应该重复,圆形或拉长 initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 无100%1个0拉伸 返回值: 一个字符串,表示元素的边界的图像特性 CSS版本 CSS3
相关页面
CSS参考: border-image property
<Style对象