定義和(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ū)域。 |