做自(zì)由與創造的先行者

CSS border-image-repeat 屬性

CSS中文(wén)手冊

定義和(hé)用(yòng)法

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

實例

規定如何重複圖像邊框:

div

{

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

border-image-repeat: round;

}

CSS 語法

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

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

屬性值

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