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タグ自体使わないので、ブラウザの違い等は確認せず。

計算:各値の単位をピクセルに変換

新着(ニュース関連以外)

2017-08-03
formのinputでmaxlengthを使うとFirefoxでバグってた。他のブラウザでも気づかずにバグってたかもしれない。
2017-07-19
折れ線グラフをもう少しゆるやかに・・・というか何というか・・・調べていくと「移動平均」っていう言葉にたどり着いた
2017-07-10
FuelPHPの1.8をダウンロードして使っていたらセッションが使えないということに気付いた。
2017-06-27
MACにWin10をインストールしてみた:再挑戦。
2017-06-25
「簡単」っていうヤツらが多いけど・・・難しいぞ。