CSS:font
出典: MDC
« CSS « CSS リファレンス
[編集] 概要
font プロパティは、font-style、font-variant、font-weight、font-size、line-height、font-family をスタイルシート内で一度に指定するための簡略プロパティです。
[編集] 構文
font: [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>
font: caption | icon | menu | message-box | small-caption | status-bar | -moz-window | -moz-document | -moz-workspace | -moz-desktop | -moz-info | -moz-dialog | -moz-button | -moz-pull-down-menu | -moz-list | -moz-field
font: inherit
[編集] 値
font 簡略プロパティを使うと、指定された通常のプロパティを設定しつつ、他のすべてのフォント関連のプロパティをそれらの初期値に設定できます。
各プロパティの適切な値については、font-style、font-variant、font-weight、font-size、font-family を参照してください。
個別の通常のプロパティで指定する代わりに、以下のように font プロパティを使ってシステムフォントを指定することも可能です。
- caption
- キャプション付きコントロールに使われるフォント (ボタン、ドロップダウンなど)。
- icon
- ラベルアイコンに使われるフォント。
- menu
- メニューに使われるフォント (ドロップダウンメニュー、メニューリストなど)。
- message-box
- ダイアログボックスに使われるフォント。
- small-caption
- 小さいコントロールのラベルに使われるフォント
- status-bar
- ウィンドウのステータスバーに使われるフォント
- -moz-window
- -moz-document
- -moz-workspace
- -moz-desktop
- -moz-info
- -moz-dialog
- -moz-button
- -moz-pull-down-menu
- -moz-list
- -moz-field
[編集] 例
/* フォントサイズを 12px、行の高さを 14px、フォントファミリーを sans-serif に設定します */
p { font: 12pt/14pt sans-serif }
/* フォントサイズを親要素あるいは (親要素が存在しない場合) 規定値の 80%、
フォントファミリーを sans-serif に設定します */
p { font: 80% sans-serif }
/* フォントの太さを bold、フォントスタイルを italic、フォントサイズを large、
フォントファミリーを serif に設定します */
p { font: bold italic large serif }
[編集] 注意点
この簡略プロパティのうち、font-size と font-family は必須です。これらを省略すると構文エラーとなり、宣言全体が無視されます。
値が与えられていないプロパティは初期値に設定されます。この値は、省略可能なすべてのプロパティ (font-style、font-variant、font-weight、line-height) で normal となります。
font-size-adjust プロパティも、font 簡略プロパティが指定された場合、初期値 (none) に設定されます。
[編集] 仕様書
- CSS 1
- CSS 2 (
font-size-adjust) - CSS 2.1
- css3-ui (新しいシステムフォントの値)
[編集] ブラウザ互換性
| ブラウザ | 最小バージョン |
|---|---|
| Internet Explorer | 3 |
| Netscape | 4 |
| Opera | 3.5 |