文字サイズ指定の値

単位によって、ユーザーがブラウザの表示メニューから文字の大きさを指定した時に、ユーザーの好みの大きさに変更できるかどうかも変わる。通常は変更できるように%やemのを使っていきたい。単位を決める前に、このページでブラウザの表示メニューから文字の大きさを選んでみよう。単位の違いがすぐわかるはず。

%指定 ブラウザの文字基準サイズに対する%の値。

 90% 95% 100% 110%

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

em指定 ブラウザの文字基準サイズを1emとした時の値。
font-size: 0.9em

 0.9em 0.95em 1em 1.1em

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

ブラウザ相対指定 ブラウザの種類によって、表示される文字の大きさが変わる可能性があります。
font-size: medium
xx-small < x-small < small < medium < large < x-large < xx-large

 x-small small medium large

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

pt指定 PT単位の値。

 10pt 11pt 12pt 14pt

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

px指定 ピクセル単位の値。

 10px 12px 15px 17px

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに

雨にも負けず風にも負けず
あらゆることを
自分を勘定に入れずに