CSS/文字列を太文字表示する・font-weight

• Prev
• Next
• CSS

文字列を太文字表示する・font-weight †

font-weightで文字の太さを指定するとボールドで表示することができます。
以下にサンプルHTML等を記します。

関連記事 †

• 文字列に下線・上線・取り消し線を設定するサンプル
• フォントサイズの指定サンプル
• 斜体で文字列を表示する
• 文字列を太文字表示する・font-weight
• フォントを指定して文字列を表示する・font-family

太文字表示するHTML †

以下のHTMLにより文字を太文字で表示することができます。

weight.html

<div style="font-weight : bold">font-weight : bold</div>
<div style="font-weight : bolder">font-weight : bolder</div>
<div style="font-weight : lighter">font-weight : lighter</div>
<div style="font-weight : 600">font-weight : 600</div>
<div style="font-weight : 700">font-weight : 700</div>
<div style="font-weight : 800">font-weight : 800</div>

太文字表示確認URL †

以下、動作確認用URLです。

http://web.just4fun.biz/css/7/weight.html

太文字表示のスクリーンショット †

上記HTMLをブラウザで表示した時のスクリーンショットです。

以上、CSSで太文字表示の設定でした。