CSS fontプロパティ
例
1つの宣言で全てのフォントプロパティを指定します：
p.ex1
{
font:15px arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/30px Georgia, serif;
}
試してみる »
このページの下部にさらに多くの例があります。
プロパティ定義と使用説明
font ショートハンドプロパティは、1つの宣言で全てのフォントプロパティを設定します。
設定できるプロパティは（順に）： "font-style font-variant font-weight font-size/line-height font-family"
font-sizeとfont-familyの値は必須です。他の値が欠けている場合は、デフォルト値があれば挿入されます。
注意：line-height プロパティは、行と行の間のスペースを設定します。
| デフォルト値： | not specified |
|---|---|
| 継承： | yes |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.font="italic small-caps bold 12px arial,sans-serif" |
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
フォント特性
| 值 | 説明 |
|---|---|
| font-style | フォントスタイルを指定します。参照：font-styleで可能な値。 |
| font-variant | フォント異体字を指定します。参照：font-variantで可能な値。 |
| font-weight | フォントの太さを指定します。参照：font-weightで可能な値。 |
| font-size/line-height | フォントサイズと行高を指定します。参照：font-sizeとline-heightで可能な値。 |
| font-family | フォントファミリーを指定します。参照：font-familyで可能な値。 |
| caption | キャプションコントロール（ボタン、ドロップダウンリストなど）で使用されるフォントを定義します。 |
| icon | アイコンのラベルで使用されるフォントを定義します。 |
| menu | ドロップダウンリストで使用されるフォントを定義します。 |
| message-box | ダイアログボックスで使用されるフォントを定義します。 |
| small-caption | caption フォントの小型バージョン。 |
| status-bar | ウィンドウのステータスバーで使用されるフォントを定義します。 |
その他の例
この例では、その他の font プロパティ値をいくつか示しています。
関連記事
CSS チュートリアル:CSS Font
その他の拡張