# CSS3 border-image-repeat 屬性 ## 實例 規定如何重復圖像邊框： ``` div { border-image-source: url(border.png); border-image-repeat: round; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Opera 不支持 border-image-repeat 屬性。 Internet Explorer 10 以及更早的版本不支持 border-image-repeat 屬性。 Safari 5 以及更早的版本不支持 border-image-repeat 屬性。 請參閱 [border-image](/cssref/pr_border-image.asp "CSS3 border-image 屬性") 屬性。 ## 定義和用法 border-image-repeat 屬性規定圖像邊框是否應該被重復（repeated）、拉伸（stretched）或鋪滿（rounded）。 | 默認值： | stretch | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.borderImageRepeat="round" | | --- | --- | ## 可能的值 ``` border-image-repeat: stretch|repeat|round; ``` 注釋：該屬性規定如何延展和鋪排邊框圖像的邊緣和中間部分。因此，您可以規定兩個值。如果省略第二個值，則采取與第一個值相同的值。 | 值 | 描述 | | --- | --- | | stretch | 拉伸圖像來填充區域 | | repeat | 平鋪（重復）圖像來填充區域。 | | round | 類似 repeat 值。如果無法完整平鋪所有圖像，則對圖像進行縮放以適應區域。 | ## 相關頁面 CSS3 教程：[CSS3 邊框](/css3/css3_border.asp "CSS3 邊框")