最終更新日

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外部リンク
HOME