初心者のスタイルシート(CSS)講座:枠線の太さを個別指定

・border-(top、right、bottom、left)-width
 枠線の太さを個別に指定する

【枠線の太さを個別に指定する方法】
border-(top,right,bottom,left)-width :キーワード、又はサイズを表す数値+単位

【キーワード】
thin・・・・・・細い枠線
medium・・・・・初期設定。中くらいの枠線
thick・・・・・太い枠線

【サイズを表す数値+単位】
数値+単位・・・・・・数値に単位をつけて枠線の太さを指定する。

スタイルシート(CSS)の単位

em その要素のfont-sizeの値を1とする
ex その要素のx-height(小文字のxの高さ)を1とする
px コンピュータ画面の1ピクセルを1とする
% 属性によって異なるが、多くの場合は親要素の1部分を基準とした割合
in インチ(1pt=2.54cm)
cm センチメートル
mm ミリメートル
pt ポイント(1pt=1/72in)
pc パイカ(1pc=12pt)