最終更新日 2021年6月15日

font-sizeプロパティ

font-sizeは、文字の大きさを指定するプロパティです。フォントサイズの数値や、親要素との相対的なサイズ比較、または大きさに関するキーワードなどでの指定が可能です。

フォント関連プロパティの値をまとめて指定する場合は、fontを使用します。

CSS3での変更点

特にありません

初期値	適用先	継承
medium	すべての要素	あり

値	説明
数値	「px」や「pt」などの単位で指定。
パーセント指定	親要素のフォントサイズに対する割合。「%」か「em」を使用。emで指定した場合、親要素のフォントサイズの倍数値になります。
larger	親要素のフォントより大きいサイズ
smaller	親要素のフォントより小さいサイズ
xx-large	mediumの2倍
x-large	mediumの1.5倍
large	mediumの1.2倍
medium	通常の大きさ（初期値）
small	mediumの0.88倍
x-small	mediumの0.75倍
xx-small	mediumの0.6倍

サンプルコード

font-size: 12px;
font-size: 1.2em;
font-size: larger;
font-size: smaller;
font-size: xx-large;
font-size: x-large;
font-size: large;
font-size: medium;
font-size: small;
font-size: x-small;
font-size: xx-small;

参考文献：CSS Fonts Module Level 3

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。