| ショートハンドプロパティ | JavaScript 参照 (.style.font) |
|---|---|
| font: システムフォント以外を指定： <'font-size【フォントサイズ】'> 及び <'font-family【フォントファミリ】'> 必須 | [ [<'font-style'【フォントスタイル】> || <'font-variant'【フォント変換】> || <'font-weight'【フォントの太さ】> || <'font-stretch'【フォントの伸縮】> ]?<'font-size【フォントサイズ】'> [ / <'line-height'【行の高さ】> ]?<'font-family【フォントファミリ】'> ]| caption【コントロールのキャプション用フォント】 | icon【ラベルアイコン用フォント】 | menu【メニュー用フォント】 | message-box【ダイアログボックス用フォント】 | small-caption【小さいコントロールのラベル用フォント】 | status-bar【ウィンドウのステータスバー用フォント】 |
| フォントスタイル | JavaScript 参照 (.style.fontStyle) |
| font-style: | normal【標準】 | italic【イタリック体】 | oblique【斜体】 |
| <font-style【フォントスタイル】> | |
| フォント変換 | JavaScript 参照 (.style.fontVariant) |
| font-variant: | normal【標準】 | small-caps【小さい大文字に変換】 |
| <font-variant【フォント変換】> | |
| font-variant: small-caps 【小さい大文字に変換】例 | The quick brown fox jumps over the lazy dog → The quick brown fox jumps over the lazy dog |
| フォントの太さ | JavaScript 参照 (.style.fontWeight) |
| font-weight: | normal【標準の太さ】 | bold【太字】 | bolder【一段階太く】 | lighter【一段階細く】 | 100 ～ 900 (100単位) 【100：細い / 400：normal / 700：bold / 900：太い】 |
| <font-weight【フォントの太さ】> | |
| フォントの伸縮 | JavaScript 参照 (.style.fontStretch) |
| font-stretch: | normal【標準の幅】 | ultra-condensed【最も幅狭】 | extra-condensed【相当幅狭】 | condensed【幅狭】 | semi-condensed【少し幅狭】 | semi-expanded【少し幅広】 | expanded【幅広】 | extra-expanded【相当幅広】 | ultra-expanded【最も幅広】 |
| <font-stretch【フォントの伸縮】> | |
| フォントサイズ | JavaScript 参照 (.style.fontSize) |
| font-size: | <absolute-size【絶対サイズ】> | <relative-size【相対サイズ】> | 《length【長さ】》 | 《percentage【パーセンテージ】》 |
| <font-size【フォントサイズ】> | |
| <absolute-size【絶対サイズ】> | xx-small【とても小さいフォント】 | x-small【小さいフォント】 | small【少し小さいフォント】 | medium【標準フォント】 | large【少し大きいフォント】 | x-large【大きいフォント】 | xx-large【とても大きいフォント】 |
| <relative-size【相対サイズ】> | larger【少し大きいフォント】 | smaller【少し小さいフォント】 |
| 行の高さ | JavaScript 参照 (.style.lineHeight) |
| line-height: | normal【標準の高さ】 | 《number【数値】》 | 《length【長さ】》 | 《percentage【パーセンテージ】》 |
| <line-height【行の高さ】> | |
| フォントファミリ | JavaScript 参照 (.style.fontFamily) |
| font-family: | [<family-name【フォントファミリ名】> | <generic-family【総称フォントファミリ】> ] # |
| <font-family【フォントファミリ】> | |
| <family-name【フォントファミリ名】> | |
| <generic-family【総称フォントファミリ】> 選択肢が選択できない場合の代替 最終選択肢で引用符なし | serif【セリフ (飾りあり)："abciwABCIW"】 | sans-serif【サンセリフ (飾りなし) ："abciwABCIW"】 | cursive【草書体："abciwABCIW"】 | fantasy【装飾的："abciwABCIW"】 | monospace【等幅："abciwABCIW"】 |