最新的Web开发教程
 

Style borderImage Property

<Style对象

指定的图像作为周围的边界<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属性是用于设置一个速记属性borderImageSourceborderImageSliceborderImageWidthborderImageOutsetborderImageRepeat性质。

省略的值被设置为默认值。


浏览器支持

在表中的数字规定,完全支持该财产浏览器版本。

数字后面的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对象