font-weightプロパティ
font-weightプロパティは、フォントの太さを指定するプロパティです。
フォントの太さを変更することで、見た目を良くすることができます。
100～900などの数値や、boldやnormalなどのキーワードで指定することができます。
font-weightプロパティの書き方
font-weight: 値;font-weightプロパティの値
| 値 | 説明 |
|---|---|
| normal | 標準の太さ（初期値） |
| bold | 太字 |
| lighter | 親要素より1段階細くする |
| bolder | 親要素より1段階太くする |
| 100 | 最小値で最も細い |
| 200 | |
| 300 | |
| 400 | normalと同じ初期値 |
| 500 | |
| 600 | |
| 700 | boldと同じ太さ |
| 800 | |
| 900 | 最大値 |
font-weightプロパティの記述例
<p class="test">bold指定のフォントの太さ</p>
<p class="test2">最小値100指定のフォントの太さ</p>.test {
font-weight: bold;
}
.test2 {
font-weight: 100;
}
