HTMLのテキストの文字を太字にする方法として、CSSのfont weightプロパティを指定することで文字を太字にすることが出来ます。

この記事では初心者向けに

• CSSでテキストの文字を太字に変える方法
• 太字を解除する方法

HTMLを学び始めた方でも分かりやすいように、やさしく解説をしますのでぜひ参考にしてみてください！

目次

1font weightでテキスト文字を太字にする
2太字を解除する

font weightでテキスト文字を太字にする

テキストの文字を太字に変更したいときは、CSSでfont-weightを用いて、「bold」を指定することで変更出来ます。

以下は、「pタグのテキスト文を太字にする」例です。

<p>このテキストを太字にしたい</p>

p{
 font-weight:bold;
}

太字を解除する

一方、既に太字になっているテキストの文字を解除したい、通常に戻したい場合はfont-weightに対して「normal」を指定します。

以下は、「pタグのテキストの太字を解除する」例です。

<p>ここのテキストの太字を解除したい</p>

p{
 font-weight:normal;
}

以上となります。