■ <border-width>
ボーダーの太さを指定する
解説
border-widthプロパティは、上下左右のボーダーの太さをまとめて指定する際に使用します。 上下左右を異なった太さにしたい場合には、スペースで区切って複数の値を指定します。
値を1つ指定した場合: [上下左右]がその太さになります。
値を2つ指定した場合: 記述した順に[上下][左右]の太さになります。
値を3つ指定した場合: 記述した順に[上][左右][下]の太さになります。
値を4つ指定した場合: 記述した順に[上][右][下][左]の太さになります。
■ボーダー太さの値
数値で指定
数値にpxやemやexなどの単位をつけて指定します。pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。また、emとはフォントの高さを1とする単位で、exとは小文字の「x」の高さを1とする単位です。
キーワードで指定
thin(細い)、medium(普通)、thick(太い)のうち、いずれかを指定します。キーワードで指定する場合、実際に表示される太さはブラウザにより異なります。

