[CSS] 文字サイズを指定する(font-size)

文字サイズを指定するには、「font-size」を使用します。

指定できる値には以下の3種類があります。

  • 文字サイズを数値で指定する
  • 文字サイズをキーワードで指定する
  • 文字サイズを割合(%)で指定する

文字サイズを数値で指定する

数値指定では、ピクセル指定とem指定ができます。

例)文字サイズを18ピクセルにする

【結果】

これは18pxです。

【サンプル】

6px  7px  8px  9px  10px  11px  12px  14px  16px  18px  20px  22px  24px

例)文字サイズを1.5emにする

【結果】

1.5em

【サンプル】

0.5em  1em  1.5em  2em 

文字サイズをキーワードで指定する

xx-small、x-small、small、medium、large、x-large、xx-large の7サイズがあります。
実際のサイズはブラウザにより異なります。

例)文字サイズをx-largeにする

【結果】

これは x-large です。

【サンプル】

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

文字サイズを割合(%)で指定する

文字サイズを「%」で指定できます。(100%が標準サイズ)

例)文字サイズを250%にする

【結果】

これは 250% です。

【サンプル】

50%  80%  100%  120%  150%  200% 

コメント

タイトルとURLをコピーしました