CSSにおける長さの表し方

長さの表し方

% 相対的な長さ。適応箇所により比較対象は異なる
em 文字の高さを基準とした1文字分の長さ(emは文字「M」の大きさに由来)
ex 文字「x」の高さ
px ピクセル
in インチ(1in=2.54cm)
cm センチメートル(1cm=10mm)
mm ミリメートル(10mm=1cm)
pt ポイント(1pt=1/72in)
pc パイカ(1pc=12pt)

em、ex、px は相対的な長さ、in、cm、mm、pt、pc は絶対的な長さとして定義されていますが、ブラウザの実装状況は様々のようです。

下記の図で、○は絶対的(フォントサイズを変更しても大きさが変わらない)、×は相対的(フォントサイズに合わせて大きさが変わる)な長さとして実装されています。

em ex px in cm mm pt pc
IE6.0(Win) × ×
Netscape 4.0(Win) × × × × × × ×
Netscape 6.0(Win) × × × × × × × ×
Opera 6.0(Win)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です