CSS border-image-width 屬性
示例
指定邊框影像的寬度
#borderimg {
border-image-source: url(border.png);
border-image-width: 10px;
}
自己動手試一試 »
定義和用法
border-image-width 屬性指定邊框影像的寬度。
提示： 還可以檢視 border-image 屬性（設定所有 border-image-* 屬性的簡寫屬性）。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS 語法
border-image-width: 數字|%|auto|initial|inherit;
注意：border-image-width 屬性可以接受一到四個值（上、右、下、左）。如果省略第四個值，則與第二個值相同。如果第三個值也省略，則與第一個值相同。如果第二個值也省略，則與第一個值相同。
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| length | 一個長度單位（px），用於指定邊框寬度的尺寸 | 演示 ❯ |
| 數字 | 預設值是 1。表示對應 border-width 的倍數 | 演示 ❯ |
| % | 引用邊框影像區域的大小：水平偏移量的區域寬度，垂直偏移量的高度 | 演示 ❯ |
| auto | 如果指定，則寬度是相應影像切片的固有寬度或高度 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程：CSS 邊框影像
CSS 參考：border-image 屬性
CSS 參考：border-image-outset 屬性
CSS 參考：border-image-repeat 屬性
CSS 參考：border-image-slice 屬性
CSS 參考：border-image-source 屬性
HTML DOM 參考：borderImageWidth 屬性
