Latest web development tutorials

HTML DOM Style borderImageRepeat 屬性

Style 對象參考手冊 Style對象

實例

規定如何重複圖像邊框:

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

嘗試一下»

定義和用法

borderImageRepeat 屬性設置或返回圖像邊框是重複拼接圖塊還是延伸圖塊。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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屬性


Style 對象參考手冊 Style對象