CSSで大きさを指定する場合、数値に単位をつけて示します。
「px」と「%」はHTMLのタグでも指定できますが、それ以外は、CSS内でしか指定できません。
単位には、絶対的な値を示す単位と、相対的な値を示す単位のふたつに分類できます。
絶対的な値を示す単位
 |
in |
: |
インチ (1インチ=2.54cm) |
|
cm |
: |
センチメートル |
|
mm |
: |
ミリメートル |
|
pt |
: |
ポイント (1ポイント=1/72インチ)
一般的にフォントサイズを指定するときに使用します。 |
|
pc |
: |
パイカ (1パイカ=12ポイント) |
相対的な値を示す単位
 |
em |
: |
大文字の「M」の高さを基準とした1文字の大きさ
font-sizeプロパティで文字の大きさを指定したときは、親要素のフォントサイズを基準にします。 |
|
ex |
: |
小文字の「x」の高さを基準とした1文字の大きさ
フォントによっては必ずしも「x」の高さとは一致しません。
 |
|
px |
: |
1ピクセルを1とする単位
主にコンピューター画面を出力の対象としますが、解像度によって表示される大きさが異なってきます。 |
|
% |
: |
パーセント
プロパティによって何に対する大きさかは異なってしまいますが、他の大きさに対する割合を指定します。 |