Style borderImageRepeat 屬性
實(shí)例
規(guī)定如何重復(fù)圖像邊框:
document.getElementById("myDIV").style.borderImageRepeat="round";
嘗試一下 ?
定義和用法
borderImageRepeat 屬性設(shè)置或返回圖像邊框是重復(fù)拼接圖塊還是延伸圖塊。
瀏覽器支持
Opera 不支持 borderImageRepeat 屬性。
Internet Explorer 10 及其之前的版本不支持 borderImageRepeat 屬性。
Safari 5 及其之前的版本不支持 borderImageRepeat 屬性。
請(qǐng)參閱 borderImage 屬性來(lái)替代它!
語(yǔ)法
返回 borderImageRepeat 屬性:
object.style.borderImageRepeat
設(shè)置 borderImageRepeat 屬性:
object.style.borderImageRepeat="stretch|repeat|round|initial|inherit"
屬性值
值 | 描述 |
---|---|
stretch | 默認(rèn)值。圖像被衍生以填充區(qū)域。 |
repeat | 圖像被重復(fù)拼接圖塊以填充區(qū)域。 |
round | 圖像被重復(fù)拼接圖塊以填充區(qū)域。如果圖像填充區(qū)域的圖塊數(shù)為非整數(shù),圖像會(huì)被縮放使圖塊數(shù)剛好為整數(shù)。 |
space | 圖像被重復(fù)拼接圖塊以填充區(qū)域。如果圖像填充區(qū)域的圖塊數(shù)為非整數(shù),額外的空間會(huì)分布在各個(gè)圖塊上。 |
initial | 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。 |
inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
默認(rèn)值: | stretch |
---|---|
返回值: | 字符串,表示元素的 border-image-repeat 屬性。 |
CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè):border-image-repeat 屬性
更多建議: