font-size
フォントの大きさを指定するプロパティ。
以下の値を指定することで、フォントの大きさを指定することができる。
値
| 数値で指定 | px、pt、em等の単位で数値を指定。 |
|---|---|
| ％で指定 | 標準で指定されたフォントサイズに対する値を％で指定。 |
| 語句で指定 | xx-small、x-small、small、medium、large、x-large、xx-largeのいずれかを指定。 |
使用例 - サンプル(A) / サンプル(B) / サンプル(C)
サンプル(A)
[CSSの記述]
.sampleA { font-size:20px; }
[HTMLの記述]
<p class="sampleA">テキストテキスト</p>
[ブラウザ上の表示]
フォントサイズ20pxを指定
サンプル(B)
[CSSの記述]
.sampleB { font-size:300%; }
[HTMLの記述]
<p class="sampleB">テキストテキスト</p>
[ブラウザ上の表示]
フォントサイズ300%を指定
サンプル(C)
[CSSの記述]
.sampleC { font-size:x-small; }
[HTMLの記述]
<p class="sampleC">テキストテキスト</p>
[ブラウザ上の表示]
フォントサイズx-smallを指定
- 前の記事：font-weight
- 次の記事：font-family