font-weight
- ブラウザ
フォントの太さ
font-weight: 値;
フォントの太さを指定するプロパティです。
font-weight: bold;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| font-weight | normal | 標準 （初期値） |
| bold | 太字 | |
| （9段階で指定） | 100 | 最も細い |
| 200 | ||
| 300 | ||
| 400 | normal と同等の太さ | |
| 500 | ||
| 600 | ||
| 700 | bold と同等の太さ | |
| 800 | ||
| 900 | 最も太い | |
| （相対的な指定） | lighter | 一段階細くする |
| bolder | 一段階太くする |
- 9段階の指定では、「100」が最も細く、「900」が最も太くなります。また、「400」は「normal」と同等、「700」は「bold」と同等の太さになります。
- 「lighter」と「bolder」は、親要素のフォントの太さに対する相対的な指定となります。
- 9段階で指定できることになっていますが、実際には「太字」と「標準」の2段階でしか表現されません。
.example1 {
font-weight: bold;
}
.example2 {
font-weight: 700;
}
strong {
font-weight: normal;
}
