HTML | テキストを太字にする

2022-07-11HTML テキスト,HTML

HTML | テキストを太字にする

HTMLだけでテキストを太字にするサンプルコードを紹介しています。

HTMLだけでテキストを太字にする

HTMLだけでテキストを太字にするには「style属性」にて「font-weight」プロパティを指定します。

<p style="font-weight:normal">font-weight:normal</p>
<p style="font-weight:bold">font-weight:bold</p>

font-weight:normal

font-weight:bold

「font-weightプロパティ」「normal」「bold」の他に「400」「600」「800」などの指定方法も可能となっています。

また、<b>タグを使ってテキストを太字にする事ができます。

<p><b>太字テキスト</b></p>

太字テキスト

CSSでテキストを太字にする場合

同じようにCSSで指定すテキストテキストを太字にする場合は以下のようになります。

p {
	font-weight:bold;
}

関連:CSS | テキストの文字を太字にする方法 | ONE NOTES