CSS border-width 屬性
定義和用法
border-width 簡寫屬性為元素的所有邊框設置寬度，或者單獨地為各邊邊框設置寬度。
只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none，邊框寬度實際上會重置為 0。不允許指定負長度值。
例子 1
border-width:thin medium thick 10px;
- 上邊框是細邊框
- 右邊框是中等邊框
- 下邊框是粗邊框
- 左邊框是 10px 寬的邊框
例子 2
border-width:thin medium thick;
- 上邊框是 10px
- 右邊框和左邊框是中等邊框
- 下邊框是粗邊框
例子 3
border-width:thin medium;
- 上邊框和下邊框是細邊框
- 右邊框和左邊框是中等邊框
例子 4
border-width:thin;
- 所有 4 個邊框都是細邊框
| 默認值： | medium |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.borderWidth="thin thick" |
實例
設置四個邊框的寬度：
p { border-style:solid; border-width:15px;} TIY
瀏覽器支持
所有瀏覽器都支持 border-width 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| thin | 定義細的邊框。 |
| medium | 默認。定義中等的邊框。 |
| thick | 定義粗的邊框。 |
| length | 允許您自定義邊框的寬度。 |
| inherit | 規定應該從父元素繼承邊框寬度。 |
TIY 實例
- 所有邊框寬度屬性在一個聲明之中
- 本例演示用簡寫屬性來將所有邊框寬度屬性設置于同一聲明中。
相關頁面
CSS 教程：CSS 邊框
HTML DOM 參考手冊：borderWidth 屬性
