Web制作で使う単位

CSSでさまざまなサイズを指定する時は、単位を伴う数値を用いる。単位には相対単位*1と絶対単位*2の2種類がある。

相対単位

単位	読み方	サイズ
em	エム	1em＝1文字分の大きさ
ex	エックスハイト	1ex＝小文字のxの高さ
px	ピクセル	1px＝画面上の1ピクセル
%	パーセント	親要素の長さに対して変化する ※親要素が100pxで子要素に50％指定したら50px表示になる
rem	レム	ルート要素の文字サイズを1とした時の倍率

絶対単位

単位	読み方	サイズ
mm	ミリメートル	10mm＝1cm
cm	センチメートル	1cm＝10mm
in	インチ	1in＝2.54cm
pt	ポイント	72pt＝1in
pc	パイカ	1ｐｃ=12pt

絶対単位（cmやメートルなど）はすべて一律のサイズで表示されるため、ディスプレイのような画面表示向けの単位には不向き。そのためWebでは相対単位が使われるのが主流。ただし印刷向けのCSSを作るときなどは使うことがある。

*1:指定の対象となる要素自身を囲む親要素やWebブラウザの環境に依存するもの

*2:ものさしで測ることが出来る単位