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 版本： CSS3

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 11.0 支持 6.0 15.0

請參閱 borderImage 屬性。