最新的Web开发教程
 

Style borderImageRepeat Property

<Style对象

指定如何重复图像边界:

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

定义和用法

该borderImageRepeat属性设置或返回图像边框是否应该被重复,圆形或拉长。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该borderImageRepeat属性未在Opera的支持。

该borderImageRepeat属性无法在Internet Explorer 10和更早版本的支持。

该borderImageRepeat属性未在Safari 5和更早版本的支持。

看看borderImage属性,而不是!


句法

返回borderImageRepeat属性:

object .style.borderImageRepeat

设置borderImageRepeat属性:

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

属性值

描述
stretch 默认值。 图像被拉伸以填充区域
repeat 图像被平铺(repeated)填充的区域
round 图像平铺(repeated) ,以填补区域。 如果它不与瓷砖的整数填充的区域,图像被重新调整,使其适合
space 图像平铺(repeated) ,以填补区域。 如果它不与瓷砖的整数填充的区域,额外的空间围绕瓷砖分布
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 伸展
返回值: 一个字符串,代表元素的边框,图像重复属性
CSS版本 CSS3

相关页面

CSS参考: border-image-repeat property


<Style对象