font
対応ブラウザ | Internet Explorer 3~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~ | ||
---|---|---|---|
初期値 | 個々の要素を参照 | 継承 | する |
適用可能な要素 | すべて | ||
用例 |
|
fontとは
fontとはフォントのスタイルや太さ、サイズなどをまとめて指定するプロパティです。
また、かわりにユーザのPCで使われるシステムフォントを指定することもできます。
以下の値で指定します。
- font-styleプロパティの値
- フォントスタイルを指定します。
- font-variantプロパティの値
- フォントをスモールキャップ(小文字が小さな大文字の形で表示される)にするかどうかを指定します。
- font-weightプロパティの値
- フォントの太さを指定します。
- font-sizeプロパティの値 (/line-heightプロパティの値)
- フォントサイズを指定します。line-heightを指定する際は「/」で区切って同時に指定します。
- font-familyプロパティの値
- フォントファミリーを指定します。
fontプロパティでまとめて指定する場合、font-sizeとfont-familyの指定は必須です。他は省略できます。
また、font-style、font-variant、font-weightの3つはどの順で書いても構いませんが、他は上の説明の順序で指定する必要があります。
システムフォント
上記の各プロパティを指定するかわりに、ユーザのPCで使われるシステムフォントを指定することもできます。
- icon
- アイコンのラベルに使われるフォント
- caption
- ボタンなど、キャプションの付いたものに使われるフォント
- menu
- メニューに使われるフォント
- message-box
- ダイアログボックスに使われるフォント
- small-caption
- 小さなもののラベルに使われるフォント
- status-bar
- ステータスバーに使われるフォント
のいずれかを指定できます。