## border-image-width 屬性 ## 定義和用法 border-image-width 屬性規定圖像邊框的寬度。 JavaScript 語法：object.style.borderImageWidth="30 30" ## 語法 ~~~ border-image-width: number|%|auto; ~~~ **注意：**border-image -width的4個值指定用于把border圖像區域分為九個部分。他們代表上，右，底部，左，兩側向內距離。如果第四個值被省略，它和第二個是相同的。如果也省略了第三個，它和第一個是相同的。如果也省略了第二個，它和第一個是相同的。負值是不允許的。 | 值 | 描述 | | --- | --- | | *number* | 代表對應的 border-width 的倍數。 | | *%* | 參考邊框圖像區域的尺寸：區域的高度影響水平偏移，寬度影響垂直偏移。 | | *auto* | 如果規定該屬性，則寬度為對應的圖像切片的固有寬度。 | ## 實例 規定圖像邊框的寬度： ~~~ div { border-image-source: url(border.png); border-image-width: 30 30; } ~~~