単位の一覧
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の場合、1em、2em、0.5emの長さは次のようになります。
- 1em = 14pt
- 2em = 28pt
- 0.5em = 7pt
exについて
その時点のx文字の高さ(x-height)が 1ex になります。