font
CSSの書き方
font:値 … ;
| CSSの詳細情報 | |||||
|---|---|---|---|---|---|
| プロパティ名 | font | 読み方 | フォント | ||
| 初期値 | ブラウザに依存 | 意味 | システムフォント | ||
| 値 | caption/icon/menu/message-box/small-caption/status-bar | ||||
| 対象 | すべての要素 | ||||
| CSSレベル | CSSレベル2 | 対応ブラウザ | Windows | MAC | |
| 継承 | する | IE 5.0以上/FF1.0/NS7.1/OP8.0 | SF/IE5.0 | ||
解説
OSにもともとあるシステムフォントを利用して表示するスタイルシートです。
値には以下の表のようなシステムフォントが使用できます。
ただし、閲覧環境（使用OSやブラウザ）により表示にばらつきがあります。
| 設定値 | 割り当てられるフォント |
|---|---|
| caption | ボタン等のキャプションに使用されるフォント |
| icon | アイコンラベルに使用されるフォント |
| menu | アプリケーションなどのメニューフォント |
| message-box | メッセージボックスで使用されるフォント |
| small-caption | 小さなコントロールキャプションのフォント |
| status-bar | ステータスバーに使用されるフォント |
CSS/HTMLサンプル
p { font:caption; }
段落の文字にキャプションのフォントを使用 サンプル
