CSS font Property

❮前次❯

例

1宣言内のすべてのフォントのプロパティを指定します。

p.ex1 {
font: 15px arial, sans-serif;
}

p.ex2 {
font: italic bold 12px/30px Georgia, serif;
}

»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

フォント簡略記述特性は、1宣言内のすべてのフォントプロパティを設定します。

設定できるプロパティは、ある(in order) ： "font-style font-variant font-weight font-size/line-height font-family"

フォントサイズとフォントファミリの値が必要とされています。他の値のいずれかが欠落している場合があれば、デフォルト値が挿入されます。

Note:行の高さのプロパティは、行間隔を設定します。

デフォルト値：	The default value of all the font properties
継承されました：	yes
アニメーション：	yes, see individual properties . Read about animatable Try it
バージョン：	CSS1
JavaScriptシンタックス：	object .style.font="italic small-caps bold 12px arial,sans-serif" Try it

ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
font	1.0	4.0	1.0	1.0	3.5

注：以下の各値に対して個別のブラウザのサポートを参照してください。

CSSの構文

プロパティ値

プロパティ/値	説明
font-style	フォントスタイルを指定します。デフォルト値は"normal" 。参照してくださいフォントスタイルを可能な値については、
font-variant	フォントバリアントを指定します。デフォルト値は"normal" 。参照してくださいフォントバリアント可能な値のために
font-weight	フォントの太さを指定します。デフォルト値は"normal" 。参照してくださいフォントの太さを可能な値については、
font-size/line-height	フォントサイズや行の高さを指定します。デフォルト値は"normal" 。参照してくださいフォントサイズと行の高さの可能な値のために
font-family	フォントファミリを指定します。デフォルト値は、ブラウザによって異なります。参照してくださいフォントファミリを可能な値については、
caption	（ボタンなど、ドロップダウン、など）字幕コントロールで使用されているフォントを使用しています
icon	アイコンのラベルで使用されているフォントを使用しています
menu	ドロップダウンメニューで使用されているフォントを使用しています
message-box	ダイアログボックスで使用されているフォントを使用しています
small-caption	キャプションフォントの小型版
status-bar	ステータスバーで使用されているフォントを使用しています
initial	このプロパティがデフォルト値に設定します。初期についての記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

その他の例

例

他のフォントのプロパティ値のいくつかのデモ。

The browser font used in captioned controls.
The browser font used in icon labels.
The browser font used in dropdown menus.
The browser font used in dialog boxes.
A smaller version of the caption font.
The browser font used in the status bar.