English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font CSS属性は、要素のテキスト内容にスタイル、バリエーション、太字、サイズを設定します/行高とフォントサイズ。これは、単一の宣言で使用されますfont-style、font-variant、font-weight、font-size、line-heightおよびfont-family各フォント属性のショートカット属性を設定する方法
以下の表は、この属性の使用方法とバージョンハイストリと、JavaScriptスクリプトでの使用構文を示しています。
| デフォルト値： | すべての属性を表示 |
|---|---|
| 適用範囲： | すべての要素 |
| 継承： | はい |
| アニメーション可能： | はい、速記の一部の属性にはアニメーションを設定できます。参照してください アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript 構文： | object.style.font="italic small-caps bold 14px arial,sans-serif" |
この属性の構文は以下の通りです：
font: [ フォント-style フォント-variant フォント-weight フォント-size/line-height フォント-family ] | キャプション | アイコン | メニュー | メッセージ-ボックス | small-キャプション | status-バー | initial | inherit
フォントショートハンド属性を使用する場合、いくつかの条件を満たす必要があります。これらの条件を満たさない場合、この属性は無効であり、完全に無視されます。
定義する必要があります。font-sizeおよびfont-family属性値
属性のfont-size値（もしあれば）を定義する必要があります。font-style、font-variantおよびfont-weight値
line-height属性のfont-size属性の後にすぐに属性値を定義し、それの前に強制的に「 /”（正斜杠）。
font-family最後に定義された値でなければなりません。
以下の例では、font属性の使用方法を示します。属性値の順序に注意してください。
h1 {
font: bold 2。5em "Times New Roman", Times, serif;
}
p {
font: normal 1。2em Arial, Helvetica, sans-serif;
}テストを見て‹/›以下の表はこの属性の値を説明します。
| 値 | 説明 |
|---|---|
| font-style | フォントのスタイルを設定します。 |
| font-variant | フォントの変体を設定します。 |
| font-weight | フォントの太さを設定します。 |
| font-size | フォントのサイズを設定します。 |
| line-height | ラインの高さを設定します。 |
| font-family | フォントファミリーを指定します。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のfontの属性値を使用します。 |
以下の値はシステムフォントを指します： | |
| キャプション | 字幕コントロールをマークするために使用されるフォント（例えば、ボタン、ドロップダウンメニューなど）。 |
| アイコン | アイコンをマークするために使用されるフォント。 |
| メニュー | メニューで使用されるフォント（例えば、ドロップダウンメニューとメニューリスト）。 |
| メッセージ-ボックス | ダイアログで使用されるフォント。 |
| 小-キャプション | 小さなコントロールをマークするために使用されるフォント。 |
| ステータス-バー | ウィンドウのステータスバーで使用されるフォント。 |
font属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください：CSSフォント、CSSテキスト。
関連属性と規則：font-style、font-variant、font-weight、font-size、line-height、font-family、@font-face。