font
フォントに関する値を一括で指定するプロパティ。
fontプロパティを使用することで、フォント関連の次のプロパティの値を一括で指定することができる。
値
| font-style | font-styleの解説ページを参照 |
|---|---|
| font-variant | font-variantの解説ページを参照 |
| font-weight | font-weightの解説ページを参照 |
| font-size | font-sizeの解説ページを参照 |
| font-height | line-heightの解説ページを参照 |
| font-family | font-familyの解説ページを参照 |
以上6つの値のうち、font-sizeとfont-familyは省略することができない。
また、それぞれの値は次の順序で指定しなければならない。
- font-style、font-variant、font-weight（このグループ内では順不同。）
- font-size
- line-height
- font-family
使用例
サンプル(A)
[CSSの記述]
.sample { font:bold 16px/40px monospace; }
[HTMLの記述]
<p class="sample">テキストテキスト</p>
[ブラウザ上の表示]
太字、サイズ16px、行の高さ40px、等幅フォントを指定
- 前の記事：color
- 次の記事：font-style