做(zuò)自(zì)由與創造的先行(xíng)者

CSS border-image-repeat 屬性

CSS中文手冊

定義和(hé)用法

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

實例

規定如(rú)何重複圖像邊框:

div

{

border-image-source: url(border.png);

border-image-repeat: round;

}

CSS 語法

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

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

屬性值

描述
stretch 拉伸圖像來填充區(qū)域
repeat 平鋪(重複)圖像來填充區(qū)域。
round 類似 repeat 值。如(rú)果無法完整平鋪所有圖像,則對圖像進行(xíng)縮放以适應區(qū)域。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS border-image-slice 屬性
上(shàng)一(yī)篇:CSS border-image-outset 屬性