CSS3 border-image-repeat 屬性

實例

設置重複圖像的方式：

div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}

border-image-repeat 屬性用於圖像邊界是否應重複（repeated）、拉伸（stretched）或鋪滿（rounded）。

提示:你可以查看border-image屬性(簡寫屬性用於設置所有border-image-*屬性)。

默認值:	stretch
繼承性:	no
動畫:	no. 查看animatable
版本:	CSS3
JavaScript 語法:	object.style.borderImageRepeat="round" 嘗試一下

表格中的數字表示支持該事件的第一個瀏覽器的版本號。

屬性
border-image-repeat	15.0	11.0	15.0	6.0	15.0

border-image-repeat: stretch|repeat|round|initial|inherit;

注意：該屬性規定如何延展和鋪排邊框圖像的邊緣和中間部分。因此，您可以規定兩個值。如果省略第二個值，則採取與第一個值相同的值。

值	描述	實例
stretch	默認值。拉伸圖像來填充區域	查看實例»
repeat	平鋪（repeated）圖像來填充區域。	查看實例»
round	類似repeat 值。如果無法完整平鋪所有圖像，則對圖像進行縮放以適應區域。	查看實例»
space	類似repeat 值。如果無法完整平鋪所有圖像，擴展空間會分佈在圖像周圍
initial	將此屬性設置為默認值。查看initial	查看實例»
inherit	從父元素中繼承該屬性。查看inherit