Style font 属性
- 前のページ flexWrap
- 次のページ fontFamily
- 上一层に戻る HTML DOM Styleオブジェクト
定義と使用方法
font 属性は短縮形で設定または返却し、最大6つの個別のフォント属性を設定できます。
この属性を使用して、以下の内容（この順序で）を設定/返却できます：
font-size と font-family 必要です。他の値が欠けている場合、デフォルト値（あれば）が挿入されます。
上記の属性も、独立したスタイル属性を使用して設定できます。非エキスパートのユーザーには、独立した属性を使用することを強く推奨します。
も参照してください：
CSS タイプライター：CSS フォント
CSS リファレンスマニュアル：font 属性
インスタンス
例 1
<p>要素のフォントを設定します：
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
例 2
<p>要素のフォントを返します：
alert(document.getElementById("myP").style.font);
構文
font 属性を返します：
object.style.font
font 属性を設定します：
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
属性値
| 値 | 説明 |
|---|---|
| style | フォントスタイルを設定します。 |
| variant | テキストを小文字大文字に設定します。 |
| weight | フォントの太さを設定します。 |
| size | フォントサイズを設定します。 |
| lineHeight | 行間を設定します。 |
| family | フォントを設定します。 |
| caption | タイトルコントロール（ボタン、ドロップダウンメニューなど）で使用されるフォント。 |
| icon | アイコンをマークするフォント。 |
| menu | メニューで使用されるフォント。 |
| message-box | ダイアログで使用されるフォント。 |
| small-caption | 小さなコントロールで使用されるフォント。 |
| status-bar | ウィンドウのステータスバーで使用されるフォント。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | この属性を親要素から継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | 指定されていません |
|---|---|
| 返り値： | 文字列で、要素の異なるフォント属性を示します。 |
| CSS バージョン： | CSS1 |
ブラウザサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | サポート | サポート | サポート | サポート |
- 前のページ flexWrap
- 次のページ fontFamily
- 上一层に戻る HTML DOM Styleオブジェクト
