HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


システムフォントを使う

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; }

段落の文字にキャプションのフォントを使用 サンプル