上一篇：CSS3 border-image-outset 屬性下一篇：CSS3 border-image-slice 屬性

CSS3 border-image-repeat 屬性

實(shí)例

設(shè)置重復(fù)圖像的方式：

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

border-image-repeat 屬性用于圖像邊界是否應(yīng)重復(fù)（repeated）、拉伸（stretched）或鋪滿（rounded）。

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

默認(rèn)值:	stretch
繼承性:	no
動(dòng)畫:	no. 查看 animatable
版本:	CSS3
JavaScript 語法:	object.style.borderImageRepeat="round" 運(yùn)行代碼

表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。

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

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

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

值	描述	實(shí)例
stretch	默認(rèn)值。拉伸圖像來填充區(qū)域	查看實(shí)例 ?
repeat	平鋪（repeated）圖像來填充區(qū)域。	查看實(shí)例 ?
round	類似 repeat 值。如果無法完整平鋪所有圖像，則對(duì)圖像進(jìn)行縮放以適應(yīng)區(qū)域。	查看實(shí)例 ?
space	類似 repeat 值。如果無法完整平鋪所有圖像，擴(kuò)展空間會(huì)分布在圖像周圍
initial	將此屬性設(shè)置為默認(rèn)值。查看 initial	查看實(shí)例 ?
inherit	從父元素中繼承該屬性。查看 inherit