CSS3

プロパティ

border-width

→●、mdn

ボーダー（枠線）の太さ： 略式プロパティ。

これらのプロパティは、ボーダーの太さを設定する。

border-width プロパティは、次に挙げるプロパティを単独の宣言で設定する略式プロパティである：

一連の成分値は、これら各側の下位プロパティを時計回りに設定する。

<line-width>

＝<length[0,∞]>
| thin
| medium
| thick

値［thin／medium／thick］に対応する長さは指定されないが、ユーザー エージェントは、これらの値による長さ（太さ）を［文書を通して一定に保ち、かつ［thin ≦ medium ≦ thick］が満たされる］ようにするものとする。ユーザー エージェントは例えば、太さを font-size プロパティ用の medium 値に依存させることもできる ― その値が 17px 以下になるときは、順に［1px、3px、5px］にするなど。負な値は無効。

注記： 線幅の初期値は medium であるが、【他が指定されない限り】その使用値は、線スタイルの初期値が none なので 0 になる。

<length[0,∞]> ○

負な値は無効。

開始<SPAN style="
 border-width:10px;
 border-style:solid;
 border-color:red;
">テスト</SPAN>終了

開始<SPAN style="
 border-width:1mm;
 border-style:solid;
 border-color:red;
">テスト</SPAN>終了

thin

開始<SPAN style="
 border-width:thin;
 border-style:solid;
 border-color:red;
">テスト</SPAN>終了

medium

開始<SPAN style="
 border-width:medium;
 border-style:solid;
 border-color:red;
">テスト</SPAN>終了

thick

開始<SPAN style="
 border-width:thick;
 border-style:solid;
 border-color:red;
">テスト</SPAN>終了

関連

border-color、border-style。border。

テスト