文字サイズを指定するには、「font-size」を使用します。
指定できる値には以下の3種類があります。
- 文字サイズを数値で指定する
- 文字サイズをキーワードで指定する
- 文字サイズを割合(%)で指定する
文字サイズを数値で指定する
数値指定では、ピクセル指定とem指定ができます。例)文字サイズを18ピクセルにする
1 |
<p style="font-size:18px;">これは18pxです。</p> |
【結果】
これは18pxです。
【サンプル】
6px
7px
8px
9px
10px
11px
12px
14px
16px
18px
20px
22px
24px
例)文字サイズを1.5emにする
1 |
<p style="font-size:1.5em;">これは1.5emです。</p> |
【結果】
1.5em
【サンプル】
0.5em
1em
1.5em
2em
文字サイズをキーワードで指定する
xx-small、x-small、small、medium、large、x-large、xx-large の7サイズがあります。
実際のサイズはブラウザにより異なります。
例)文字サイズをx-largeにする
1 |
<p style="font-size:x-large;">これは x-large です。</p> |
【結果】
これは x-large です。
【サンプル】
xx-small
x-small
small
medium
large
x-large
xx-large
文字サイズを割合(%)で指定する
文字サイズを「%」で指定できます。(100%が標準サイズ)
例)文字サイズを250%にする
1 |
<p style="font-size:250%;">これは 250% です。</p> |
【結果】
これは 250% です。
【サンプル】
50%
80%
100%
120%
150%
200%
コメント