CSS border-image-repeat 屬性
定義和用法
border-image-repeat 屬性規定圖像邊框是否應該被重復（repeated）、拉伸（stretched）或鋪滿（rounded）。
另請參閱：
CSS3 教程：CSS3 邊框
實例
規定如何重復圖像邊框：
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS 語法
border-image-repeat: stretch|repeat|round;
注釋：該屬性規定如何延展和鋪排邊框圖像的邊緣和中間部分。因此，您可以規定兩個值。如果省略第二個值，則采取與第一個值相同的值。
屬性值
| 值 | 描述 |
|---|---|
| stretch | 拉伸圖像來填充區域 |
| repeat | 平鋪（重復）圖像來填充區域。 |
| round | 類似 repeat 值。如果無法完整平鋪所有圖像，則對圖像進行縮放以適應區域。 |
技術細節
| 默認值： | stretch |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.borderImageRepeat="round" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
請參閱 border-image 屬性。
