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