初心者のスタイルシート(CSS)講座:フォントサイズ
・font-size
フォントのサイズを指定する
【フォントサイズの指定方法】
font-size:値
値 | サイズの数値+単位 | サイズを表す数値に単位をつけてフォントサイズを指定します。 |
数値+単位(%) | 親要素のフォントサイズに対する割合で指定します。 | |
キーワード | フォントサイズを7種類のキーワードで指定します。 |
|
キーワード (相対的な指定) |
親要素のフォントサイズに対する相対的な大きさを指定します。 larger 親要素に対し1段階大きく smaller 親要素に対し1段階小さく |
【フォントサイズのキーワード】
フォントサイズのキーワードには7種類あります。以下で実際に表示してみましょう。
xx-small・・・非常に小さい
x-small・・・・小さい
small・・・・・・やや小さい
medium・・・・・普通のサイズ
large・・・・・・やや大きい
x-large・・・・大きい
xx-large・・・非常に大きい
フォントサイズを数値+単位で指定する場合には、ブラウザでフォントの大きさを調節できないという点です。ユーザビリティに欠ける場合があります。