| 既定値 | 個々のプロパティの値 |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
font-style、 font-variant、 font-weight、 font-size、 line-height および font-family を一度に指定できる簡略化プロパティです。font-size と font-family 以外は省略可能です。
line-height は、font-size の指定の後に / をつけて { font : 12pt/14pt sans-serif } のように指定します。
CSS1 との互換性のため、 font-size-adjust と font-stretch の値は指定できませんが、 font プロパティのを使った時点でこれらの値は初期化されます。
p { font : 12pt/14pt sans-serif }
p { font : 1em sans-serif }
p { font : x-large/120% "ＭＳ Ｐゴシック", serif }
p { font : bold italic 1.2em serif }
font プロパティには、別の記述法もあります。 それは、システムが使用しているフォントを使用する方法です。 以下のようなキーワードが指定できます。
これらのキーワードは、フォントサイズなどをすでに含んでいるため単独でのみ指定可能です。
h1 { font : message-box }
button { font : caption }
| 既定値 | normal |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
フォントのスタイルを指定します。
h1 { font-style : normal }
h2 { font-style : italic }
| 既定値 | normal |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
スモールキャピタル (アルファベットの小文字が小さな大文字で表示される) のフォントを使用するかどうかを指定します。
h1 { font-variant : small-caps }
| 既定値 | normal |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
フォントの太さを指定します。
p { font-weight : 400 }
em { font-weight : bold }
| 既定値 | medium |
|---|---|
| 対象 | すべての要素 |
| 継承 | する ( 算出値を継承 ) |
| メディア | visual |
フォントの大きさを指定します。
h1 { font-size : 18pt }
hw { font-size : 2em } /* 親要素の2倍 */
h3 { font-size : 150% } /* 親要素の1.5倍 */
h4 { font-size : x-small }
em { font-size : smaller }
| 既定値 | UA に依存 |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
総称フォントファミリ名またはフォント名を指定します。
p { font-family : "ＭＳ Ｐ明朝", 平成明朝, serif }
p { font-family : "ＭＳ ゴシック", Osaka, serif }
| 既定値 | normal |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
フォントの字幅を指定します。
未稿
| 既定値 | none |
|---|---|
| 対象 | すべての要素 |
| 継承 | する |
| メディア | visual |
フォントのサイズをフォントの縦幅比で指定します。
未稿