CSS3 border-image-repeat 屬性

2022-06-02 14:57 更新

實(shí)例

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

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

瀏覽器支持

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

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

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

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

請(qǐng)參閱 border-image 屬性。

定義和用法

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

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

可能的值

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

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

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

相關(guān)頁(yè)面

CSS3 教程:CSS3 邊框

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)