最終更新日
fontは、フォント関連プロパティの値をまとめて記述するためのプロパティです。
各プロパティは、以下の順序で指定します。
(1)font-style、font-variant、font-weight(順不同)
(2)font-size(必須)
(3)line-height(先頭にスラッシュが必要)
(4)font-family(必須)
それぞれの値は半角スペースで区切って並べますが、line-heightの値は、font-sizeの値の後ろに「/」に続けて入力します。
font-variantに関しては、CSS2.1で定義されている「normal」と「small-caps」のみ指定可能です。
font-sizeとfont-familyの指定は必須です。
fontでは、値として指定しなかったフォント関連プロパティの値が、初期値に再設定されます。
なお、fontプロパティでは、フォント関連プロパティの値を並べる代わりに、システムフォントを示すキーワードを設定することも可能です。
fontでは、font-stretchとfont-size-adjustを扱うことはできません。それぞれの値を指定するには、個々のプロパティを単独で使用します。
初期値 | 適用先 | 継承 |
---|---|---|
各プロパティの初期値 | すべての要素 | あり |
値 | 説明 |
---|---|
font-styleの値 | イタリック体、斜体 |
font-variantの値 | スモールキャップ。normal、small-capsのみ指定可能。 |
font-weightの値 | 文字の太さ |
font-sizeの値 | 文字の大きさ |
line-heightの値 | 行の高さ |
font-familyの値 | フォントの種類 |
caption | ボタンなどのラベルに使われるフォント |
icon | アイコンのラベルに使われるフォント |
menu | ドロップダウンメニューやメニューリストに使われるフォント |
message-box | ダイアログボックス内で使われるフォント |
small-caption | 小さなコントロールのラベルに使われるフォント |
status-bar | ステータスバーで使われるフォント |
font: italic small-caps bold 12px/1.2em "メイリオ","Meiryo",sans-serif; font: caption; font: icon; font: menu; font: message-box; font: small-caption; font: status-bar;