初心者のスタイルシート(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) |