Style borderImageRepeat 屬性
實例
規定如何重複圖像邊框:
document.getElementById("myDIV").style.borderImageRepeat="round";
定義和用法
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 屬性