{font-weight:太さ;}で文字の太さを変えることができます。 太さの種類には以下のようなものがあります。

■ 太さ（値）の種類

【ブラウザ表示】

太字

太めの文字

細めの字

標準の太さ

最小の太さ

標準の太さと同じ

最大の太さ

<p class="futosa1">太字</p>
<p class="futosa2">太めの文字</p>
<p class="futosa3">細めの字</p>
<p class="futosa4">標準の太さ</p>
<p class="futosa5">最小の太さ</p>
<p class="futosa6">標準の太さと同じ</p>
<p class="futosa7">最大の太さ</p>

p.futosa1{font-weight:bold;}
p.futosa2{font-weight:bolder;}
p.futosa3{font-weight:lighter;}
p.futosa4{font-weight:normal;}
p.futosa5{font-weight:100;}
p.futosa6{font-weight:400;}
p.futosa7{font-weight:900;}

<p style="font-weight:bold;">太字</p>
<p style="font-weight:bolder;">太めの文字</p>
<p style="font-weight:lighter;">細めの字</p>
<p style="font-weight:normal;">標準の太さ</p>
<p style="font-weight:100;">最小の太さ</p>
<p style="font-weight:400;">標準の太さと同じ</p>
<p style="font-weight:900;">最大の太さ</p>

■ その他の項目

スタイルシート一覧のページに戻る