CSS 邊框寬度

CSS 邊框寬度

border-width 屬性指定四個邊框的寬度。

可以將寬度設置為特定大小（以 px、pt、cm、em 計），也可以使用以下三個預定義值之一：thin、medium 或 thick：

實例

演示不同的邊框寬度：

p.one {
  border-style: solid;
  border-width: 5px;
}
p.two {
  border-style: solid;
  border-width: medium;
}
p.three {
  border-style: dotted;
  border-width: 2px;
} 
p.four {
  border-style: dotted;
  border-width: thick;
}

結果：

5px border-width

medium border-width

2px border-width

thick border-width

親自試一試

特定邊的寬度

border-width 屬性可以設置一到四個值（用于上邊框、右邊框、下邊框和左邊框）：

實例

p.one {
  border-style: solid;
  border-width: 5px 20px; /* 上邊框和下邊框為 5px，其他邊為 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* 上邊框和下邊框為 20px，其他邊為 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* 上邊框 25px，右邊框 10px，下邊框 4px，左邊框 35px */
}

親自試一試