目的
- HTMLファイルの文字の太さを設定する方法をまとめる。
押さえるポイント
- 文字の太さを設定するにはfont-weightプロパティを使用する。
- 文字の太さはfont-weightにて細字にしたい時はnormal、太字にしたい時はboidを設定する。
- h1〜h6はデフォルト値でboidが設定されている。
書き方の例
- 下記にCSSファイルの内容を記載する。
要素の名前かクラス名 {
font-wight: 字の太さの指定;
}
より具体的な例
- h1要素の文字の太さをnormalに設定する。
- p要素の文字の太さをboidに設定する。
- 下記にHTMLファイルの内容を記載する。
<h1>おはようございます。</h1>
<p>これは日本の朝の挨拶です。</p>
- 下記にCSSファイルの内容を記載する。
h1 {
font-weight: normal;
}
p {
font-weight: boid;
}