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

2022-07-11HTML,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

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

Posted by Yousuke.U