スタイルシートで使用する長さの単位には、次のような種類があります。
| 絶対的な単位 | ||
|---|---|---|
| mm | ミリメートル | 10mm = 1cm |
| cm | センチメートル | 1cm = 10mm |
| in | インチ | 1in = 2.54cm |
| pt | ポイント | 72pt = 1in |
| pc | パイカ | 1pc = 12pt |
| 相対的な単位 | ||
| em | エム | 1em = 1文字分の長さ |
| ex | エックスハイト | 1ex = 「x」文字の長さ |
| px | ピクセル | 1px = 画面上の1ピクセル |
| 割合 | ||
| % | パーセント | 割合 |
※0以外の数値を指定する場合は、単位を必ず付けなければなりません。(0を指定する場合は省くことも可能です)
※数値には小数点以下を指定することもできます。
※負の値を指定することができますが、プロパティによっては指定できない場合もあります。
その時点の1文字分の高さが 1em となります。(「M」文字が基準となります)
例えば、その時点の文字サイズが14ptの場合、1em、2em、0.5emの長さは次のようになります。
1em = 14pt
2em = 28pt
0.5em = 7pt
その時点の「x」文字の高さが 1ex となります。
上下にはみ出していない小文字の高さ、ということになります。
※上下にはみ出している小文字は、例えば h や y など。