Style borderImageRepeat 属性

HTML DOM Style borderImageRepeat 属性 Style 对象

实例

规定如何重复图像边框:

document.getElementById("myDIV").style.borderImageRepeat="round";

尝试一下 »

定义和用法

borderImageRepeat 属性设置或返回图像边框是重复拼接图块还是延伸图块。


浏览器支持

HTML DOM Style borderImageRepeat 属性 HTML DOM Style borderImageRepeat 属性 HTML DOM Style borderImageRepeat 属性 HTML DOM Style borderImageRepeat 属性 HTML DOM Style borderImageRepeat 属性

Opera 不支持 borderImageRepeat 属性。

Internet Explorer 10 及其之前的版本不支持 borderImageRepeat 属性。

Safari 5 及其之前的版本不支持 borderImageRepeat 属性。

请参阅 borderImage 属性来替代它!


语法

返回 borderImageRepeat 属性:

object.style.borderImageRepeat

设置 borderImageRepeat 属性:

object.style.borderImageRepeat="stretch|repeat|round|initial|inherit"

属性值

描述
stretch 默认值。图像被衍生以填充区域。
repeat 图像被重复拼接图块以填充区域。
round 图像被重复拼接图块以填充区域。如果图像填充区域的图块数为非整数,图像会被缩放使图块数刚好为整数。
space 图像被重复拼接图块以填充区域。如果图像填充区域的图块数为非整数,额外的空间会分布在各个图块上。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: stretch
返回值: 字符串,表示元素的 border-image-repeat 属性。
CSS 版本 CSS3


相关文章

CSS 参考手册:border-image-repeat 属性


HTML DOM Style borderImageRepeat 属性 Style 对象