Style borderImageRepeat 属性

定义和用法

borderImageRepeat 属性设置或返回图像边框是否应该平铺 (repeated)、铺满 (rounded) 或拉伸 (stretched)。

另请参阅：

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

实例

规定如何重复图像边框：

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

亲自试一试

语法

返回 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 Version： CSS3

Browser Support

Ang numero sa talahanayan ay nagtatala ng unang bersyon ng browser na ganap na sumusuporta sa atingerbete.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supported 11.0 Supported 6.0 15.0

Balik sa borderImage Atingerbete.