CSS3 border-image-repeat 屬性
實(shí)例
規(guī)定如何重復(fù)圖像邊框：
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
定義和用法
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 邊框