構文

font-weight : 太さ;

説明文

　「font-weight」はフォントの太さを指定する。フォントの太さは9段階に分けて指定することができる。最も細い太さが「100」となりそれから100単位で増やすことで順に太くなる。また，標準の太さが「400」，「900」で最も太くなる。

　ただし，多くのフォントでは標準の太さと太字の2種類しか用意されていない。そのため，現状では標準の「400」と太字の「700」の2段階のみ利用できる。ただし，多くのWebブラウザでは，100から400を指定しても400と同じ太さ，500から900を指定しても700と同じ太さで表示される。

　また，以下のような太さの名称を指定することもできる。

太さ意味
normal標準の太さ
bold太字
bolder要素に指定されている太さより1段階太くする
lighter要素に指定されている太さより1段階細くする

使用例

● CSSの定義

span.weight { font-weight : bold; }
strong { font-weight : normal; }

● HTMLの例

<p>フォントの太さはスタイルシートの「<span class="weight">font-weight
</span>」で指定できる。また，標準で太字となっているタグ要素でも「<strong>
normal</strong>」を指定することで解除できる。</p>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目