1. Home
  2. スタイルシート CSS
  3. CSSの基本
  4. 長さの単位

長さの単位



単位の一覧

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文字分の高さが 1em になります。

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

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

exについて

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


CSSの基本

ページの先頭へ