您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS3 border-image-repeat 屬性

CSS3 border-image-repeat 屬性

此節(jié)有 225 人學(xué)習(xí)過參與評論

實例

規(guī)定如何重復(fù)圖像邊框：

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

IE	Firefox	Chrome	Safari	Opera

Opera 不支持 border-image-repeat 屬性。

Internet Explorer 10 以及更早的版本不支持 border-image-repeat 屬性。

Safari 5 以及更早的版本不支持 border-image-repeat 屬性。

請參閱 border-image 屬性。

border-image-repeat 屬性規(guī)定圖像邊框是否應(yīng)該被重復(fù)（repeated）、拉伸（stretched）或鋪滿（rounded）。

默認(rèn)值：	stretch
繼承性：	no
版本：	CSS3
JavaScript 語法：	object.style.borderImageRepeat="round"

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

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

值	描述
stretch	拉伸圖像來填充區(qū)域
repeat	平鋪（重復(fù)）圖像來填充區(qū)域。
round	類似 repeat 值。如果無法完整平鋪所有圖像，則對圖像進(jìn)行縮放以適應(yīng)區(qū)域。