# CSS3 border-image-width 屬性 ## 實例 規定圖像邊框的寬度： ``` div { border-image-source: url(border.png); border-image-width: 30 30; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Opera 不支持 border-image-width 屬性。 Internet Explorer 10 以及更早的版本不支持 border-image-width 屬性。 Safari 5 以及更早的版本不支持 border-image-width 屬性。 請參閱 [border-image](/cssref/pr_border-image.asp "CSS3 border-image 屬性") 屬性。 ## 定義和用法 border-image-width 屬性規定圖像邊框的寬度。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.borderImageWidth="30 30" | | --- | --- | ## 語法 ``` border-image-width: _number_|_%_|auto; ``` 注釋：border-image-width 屬性的四個之規定將邊框圖像分割為九個部分的偏移。它們代表了從區域的上、右、下、左側向內的距離。如果忽略第四個值，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。不允許任何負值作為 border-image-width 值。 | 值 | 描述 | | --- | --- | | _number_ | 代表對應的 border-width 的倍數。 | | _%_ | 參考邊框圖像區域的尺寸：區域的高度影響水平偏移，寬度影響垂直偏移。 | | _auto_ | 如果規定該屬性，則寬度為對應的圖像切片的固有寬度。 | ## 相關頁面 CSS3 教程：[CSS3 邊框](/css3/css3_border.asp "CSS3 邊框")