新着!私の44ページの電子書籍「CSS in 44 minutes」が発売されました! 😃

今すぐ入手 →

#font-size

テキストのサイズを定義します。

デフォルト font-size: medium;

テキストはブラウザのデフォルトのサイズを使用します。

font-size: 20px;

ピクセル値を使用できます。

font-size: 1.2em;

em値を使用できます。

この値は親のfont-sizeを基準とした相対値です。
その結果、子要素で使用した場合、値はカスケードします。

font-size: 1.2rem;

rem値を使用できます。

この値は、<html>要素であるルート要素font-sizeを基準とした相対値です。
その結果、値はHTML階層における要素の深さに依存せず、コンテキストに依存しないままになります。

font-size: 90%;

パーセンテージ値を使用できます。em値のように動作します。

この値は親のfont-sizeを基準とした相対値です。
その結果、子要素で使用した場合、値はカスケードします。

font-size: smaller;

相対キーワードを使用できます。値は親を基準とした相対値です。

使用可能なキーワードは以下のとおりです。

  • larger
  • smaller

font-size: x-large;

絶対キーワードを使用できます。値はルート要素<html>を基準とした相対値です。

使用可能なキーワードは以下のとおりです。

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large