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 個邊框都是細邊框

實例

設置四個邊框的寬度：

p
  {
  border-style:solid;
  border-width:15px;
  }

親自試一試

CSS 語法

border-width: medium|thin|thick|length|initial|inherit;

屬性值

值 描述
thin 定義細的邊框。
medium 默認。定義中等的邊框。
thick 定義粗的邊框。
length 允許您自定義邊框的寬度。
inherit 規定應該從父元素繼承邊框寬度。

更多實例

所有邊框寬度屬性在一個聲明之中
本例演示用簡寫屬性來將所有邊框寬度屬性設置于同一聲明中。

技術細節

默認值： medium
繼承性： no
版本： CSS1
JavaScript 語法： object.style.borderWidth="thin thick"

瀏覽器支持

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

另請參閱：

CSS 教程：CSS 邊框

HTML DOM 參考手冊：borderWidth 屬性