font-weight
CSSの書き方
font-weight:値 … ;
| CSSの詳細情報 | |||||
|---|---|---|---|---|---|
| プロパティ名 | font-weight | 対応ブラウザ | Windows | MAC | |
| 読み方 | フォントウェイト | IE 5.0以上/FF1.0/NS7.1/OP8.0 | SF/IE5.0 | ||
| 意味 | 文字の太さ | CSSレベル | CSSレベル1 | ||
| 設定値 | 数値/キーワード | 対象 | すべての要素 | ||
| デフォルト | normal | 継承 | する | ||
解説
文字の太さを変えるプロパティです。
値には数値による指定と、キーワードによる指定があります。
数値による指定
数値による指定は、100〜900までの数字を100刻みで記述します。
指定上は9段階で切り替えることができますが、WEBブラウザの多くは、実際に9段階ほど細かくは変更されないようです。
キーワードによる指定
キーワードによる指定は、絶対キーワードと、相対キーワードがあります。
| 絶対キーワード | 相対キーワード | ||
|---|---|---|---|
| 設定値 | 内容 | 設定値 | 内容 |
| normal | 標準（数値だと400に相当） | lighter | 1段階細く |
| bold | 太い（数値だと700に相当） | bolder | 1段階太く |
太字と強調
HTMLの太字と強調とこのスタイルシートの文字の太さを混同しないように注意してください。
本来、文章の中で論理的な強調はHTMLのSTRONGタグを使用すべきです。
CSS/HTMLサンプル
h1 { font-weight:bold; }
見出しの太さを太くする サンプル
