【CSSリファレンス】font-size

こんにちは（・∀・）

CSSプロパティをご紹介します。今回ご紹介するCSSプロパティはfont-sizeです。

概要

font-sizeプロパティを使用してフォントサイズを指定します。

.sample {
  font-size: 100%;
}

適用要素

すべての要素

指定できる値

xx-large

7段階のうち1番大きなフォントサイズ

x-large

7段階のうち2番目に大きなフォントサイズ

large

7段階のうち3番目に大きなフォントサイズ

medium

標準のフォントサイズ

small

7段階のうち3番目に小さなフォントサイズ

x-small

7段階のうち2番目に小さなフォントサイズ

xx-small

7段階のうち1番小さなフォントサイズ

larger

親要素のフォントサイズより1段階大きなフォントサイズ
親要素が7段階のフォントサイズ以外で指定されている場合は、ブラウザによってフォントサイズが異なります。

smaller

親要素のフォントサイズより1段階小さなフォントサイズ
親要素が7段階のフォントサイズ以外で指定されている場合は、ブラウザによってフォントサイズが異なります。

数値

数値+単位・%値

初期値

medium

サンプル

HTML

<p class="demo">テキストサイズのサンプルです。</p>

CSS

.demo {
  font-size: 0.7em;
}

Result