font
フォント関連をまとめて指定
| ブラウザ |
|
|---|---|
| 適用対象 | |
| 継承 | 継承する |
| 初期値 | 各プロパティの初期値を参照 |
| メディア |
|
フォント関連のスタイルを一括で指定するプロパティです。
font: italic normal bold 80%/150% "ＭＳ Ｐゴシック";
| プロパティ名 | 値 | 説明 |
|---|---|---|
font |
font-style の値 | フォントのスタイルを指定 |
| font-variant の値 | スモールキャピタルを指定 | |
| font-weight の値 | フォントの太さを指定 | |
| font-size の値 | フォントのサイズを指定 （必須） | |
| line-height の値 | 行の高さを指定 | |
| font-family の値 | フォントを指定 （必須） |
font-sizeとfont-familyの値が必須となります。この2つ以外の値は省略が可能で、省略した場合はそのプロパティの初期値が適用されることになります。- それぞれの値は、半角スペースで区切って記述します。
line-heightを指定する場合は、font-sizeの後にスラッシュ（/）を入れ、その後に記述します。
値の記述順序
このプロパティの値は、次の順序で記述する必要があります。
font: font-style font-variant font-weight font-size/line-height font-family;
最初の3つ（font-style、font-variant、font-weight）は順不同ですが、それ以外は上記の順序で記述しなければなりません。
システムフォントの指定
fontプロパティは、システムフォントを指定することもできます。指定できる値は次の通りです。
caption… キャプションで使用されているフォントicon… アイコンの名前で使用されているフォントmenu… メニューで使用されているフォントmessage-box… ダイアログで使用されているフォントsmall-caption… キャプションで使用されている小さめのフォントstatus-bar… ウィンドウのステータスバーで使用されているフォント
上記の値を指定すると、フォントの種類、サイズ、太さ、スタイルなどが、そのシステムフォントに合わせて設定されることになります。
- システムフォントの値は単独で使用します。他の値と同時に指定することはできません。
- このプロパティに関連する目的別リファレンス
- フォントの設定をひとまとめに行う