ボーダーの幅を指定する

border-top-width
border-right-width
border-bottom-width
border-left-width

{ border-top-width 【 ボーダー・トップ・ウィズ 】 :幅; }

{ border-right-width 【 ボーダー・ライト・ウィズ 】 :幅; }

{ border-bottom-width 【 ボーダー・ボトム・ウィズ 】 :幅; }

{ border-left-width 【 ボーダー・レフト・ウィズ 】 :幅; }

border-width系のプロパティは、ボーダーの幅(太さ)を指定します。それぞれ上辺、右辺、下辺、左辺に対応しています。

初期値 medium
継承 なし
適用される要素 すべての要素
モジュール Backgrounds and Borders Module Level 3

値の指定方法

幅

thin 細いボーダーとなります。
medium 通常のボーダーとなります。
thick 太いボーダーとなります。
任意の数値+単位 ボーダーの幅を単位付きの数値で指定します。

サンプルコード

div{
  border-style: solid;
  border-top-width: medium;
  border-right-width: 30px;
  border-bottom-width: 1px;
  border-left-width: 5px;
  border-color: #ff0000;
}