CSS border-image-width 屬性

定義和用法

border-image-width 屬性規定圖像邊框的寬度。

另請參閱：

CSS3 教程：CSS3 邊框

實例

規定圖像邊框的寬度：

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

CSS 語法

border-image-width: number|%|auto;

注釋：border-image-width 屬性的四個之規定將邊框圖像分割為九個部分的偏移。它們代表了從區域的上、右、下、左側向內的距離。如果忽略第四個值，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。不允許任何負值作為 border-image-width 值。

屬性值

值 描述
number 代表對應的 border-width 的倍數。
% 參考邊框圖像區域的尺寸：區域的高度影響水平偏移，寬度影響垂直偏移。
auto 如果規定該屬性，則寬度為對應的圖像切片的固有寬度。

技術細節

默認值： none
繼承性： no
版本： CSS3
JavaScript 語法： object.style.borderImageWidth="30 30"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

請參閱 border-image 屬性。