html 文字サイズの単位の一覧
2011/06/21
HTMLやCSSで使う文字のサイズ指定とピクセル数の対応一覧。
CSS：相対サイズ(1)
デフォルトの文字サイズを12pt(16px)とする。
| 単位 | 対応 | 例 |
|---|---|---|
| %(パーセント) | 100% = 16px | |
| em(エム) | 1em = 100% | 1em = 16px |
| ex(エックスハイト) | 1ex = 50% | 2ex = 16px |
CSS：相対サイズ(2)
| 値 | Firefox・Chrome | IE・Opera |
|---|---|---|
| xx-small | 9px | 9px |
| x-small | 10px | 13px |
| small | 13px | 16px |
| medium | 16px | 18px |
| large | 18px | 24px |
| x-large | 24px | 32px |
| xx-large | 32px | 48px |
| larger | 一段階大きく | 一段階大きく |
| smaller | 一段階小さく | 一段階小さく |
※割合は未計算。
fontタグのsize属性
| 値 | ピクセル |
|---|---|
| size=1 | 10px |
| size=2 | 13px |
| size=3 | 16px |
| size=4 | 18px |
| size=5 | 24px |
| size=6 | 32px |
| size=7 | 48px |
| size=+1 | 一段階大きく |
| size=-1 | 一段階小さく |
※割合は未計算。
※fontタグ自体使わないので、ブラウザの違い等は確認せず。