CSS3 border-image-repeat 屬性

2022-06-02 14:57 更新

實例

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

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 屬性。

請參閱 border-image 屬性。

定義和用法

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

默認值: stretch
繼承性: no
版本: CSS3
JavaScript 語法: object.style.borderImageRepeat="round"

可能的值

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

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

描述
stretch 拉伸圖像來填充區(qū)域
repeat 平鋪(重復)圖像來填充區(qū)域。
round 類似 repeat 值。如果無法完整平鋪所有圖像,則對圖像進行縮放以適應區(qū)域。

相關頁面

CSS3 教程:CSS3 邊框

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號