CSS3

プロパティ

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

→●、mdn（border-top-width、border-right-width、border-bottom-width、border-left-width）

ボーダー（枠線）の太さ。

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

<line-width>

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

値［thin／medium／thick］に対応する長さは指定されないが、ユーザー エージェントは、これらの値による長さ（太さ）を［文書を通して一定に保ち、かつ［thin ≦ medium ≦ thick］が満たされる］ようにするものとする。

ユーザー エージェントは例えば、太さを font-size プロパティ用の medium 値に依存させることもできる ― その値が 17px 以下になるときは、順に［1px、3px、5px］にするなど。

<length[0,∞]> ○

負な値は無効。

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

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

thin

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

medium

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

thick

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

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

関連

border-width。
border-block-width、border-inline-width。
border-block-start-width、border-block-end-width、border-inline-start-width、border-inline-end-width。

テスト