Webデザイン:オンラインリファレンス

font-sizeプロパティ

文字の大きさを指定する

CSSで文字の大きさを指定するには,font-sizeプロパティを使う.font-sizeプロパティでは,大小を表すキーワードでも指定可能なほか,絶対指定や相対指定でも指定できる.

キーワード指定の例

HTMLとCSSで,それぞれ
031-1.png
031-2.png
のように記述すると,
031-3.png
のように表示される.mediumが標準,xx-largeが200%くらいとなる.

絶対指定の例(参考)

HTMLとCSSで,それぞれ
031-4.png
031-5.png
のように記述すると,
031-6.png
のように表示される.フォントの種類が同じであれば,どのような環境でも同じように閲覧できる.

相対指定の例(参考)

HTMLとCSSで,それぞれ
031-7.png
031-8.png
のように記述すると,
031-9.png
のように表示される.この表示では12pxが標準の文字サイズなので,12px=1em(全角1文字分)=100%となっている.
↑インデックスに戻る←前の項目(030. font-familyプロパティ)→次の項目(032. font-weightプロパティ)