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

・border-width
 枠線の太さを一括指定する

【枠線の太さを一括指定する方法】
border-width:上下左右(数値)
border-width:上下、左右(数値1、数値2)
border-width:上、左右、下(数値1、数値2、数値3)
border-width:上、右、下、左(数値1、数値2、数値3、数値4)

【キーワード】
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)