単位の一覧

CSSで使用する長さの単位には、次のような種類があります。

長さの単位
相対単位
em エム 1em = 1文字分の長さ
ex エックスハイト 1ex = x文字の高さ
px ピクセル 1px = 画面上の1ピクセル
絶対単位
mm ミリメートル 10mm = 1cm
cm センチメートル 1cm = 10mm
in インチ 1in = 2.54cm
pt ポイント 72pt = 1in
pc パイカ 1pc = 12pt
  • 0以外の数値を指定する場合は、必ず単位を付けなければなりません。(0を指定する場合は省略することも可能です)
  • 負の値を指定することもできます。(ただし、プロパティによっては指定できない場合もあります)
  • 数値には小数点を含めることができます。

emについて

その時点の1文字分の長さ(M文字の幅)が 1em になります。

例えば、その時点の文字サイズが14ptの場合、1em2em0.5emの長さは次のようになります。

  • 1em = 14pt
  • 2em = 28pt
  • 0.5em = 7pt

exについて

その時点のx文字の高さ(x-height)が 1ex になります。