CSS border-width 屬性
實例
設置四個邊框的寬度：
p
{
border-style:solid;
border-width:15px;
}
屬性定義及使用說明
border-width屬性設置一個元素的四個邊框的寬度。此屬性可以有一到四個值。
實例:
border-width:thin medium thick 10px;
- 上邊框是細邊框
- 右邊框是中等邊框
- 下邊框是粗邊框
- 左邊框是 10px 寬的邊框
border-width:thin medium thick;
- 上邊框是細邊框
- 右邊框和左邊框是中等邊框
- 下邊框是粗邊框
border-width:thin medium;
- 上邊框和下邊框是細邊框
- 右邊框和左邊框是中等邊框
border-width:thin;
- 所有4個邊框都是細邊框
| 默認值： | medium |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.borderWidth="thin thick" |
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
屬性值
| 值 | 描述 |
|---|---|
| thin | 定義細的邊框。 |
| medium | 默認。定義中等的邊框。 |
| thick | 定義粗的邊框。 |
| length | 允許您自定義邊框的寬度。 |
| inherit | 規定應該從父元素繼承邊框寬度。 |
相關文章
CSS 教學: CSS Border