font-size

テキスト・フォント

テキストのフォントサイズを指定するプロパティです。

構文

Syntax
font-size: <absolute-size> | <relative-size> | <length> | <percentage>

コード例

例 1

font-size: 16px;
実行結果

16pxのテキストサイズ

絶対値でフォントサイズを指定

例 2

font-size: 1.2em;
実行結果

1.2emのテキストサイズ

親要素の1.2倍のサイズ

例 3

font-size: 1.2rem;
実行結果

1.2remのテキストサイズ

ルート要素の1.2倍のサイズ

💡 TIPS

レスポンシブデザインではremやemを使うと柔軟性が高い。

関連プロパティ

ブラウザサポート

全ブラウザ対応