font-weight

解説

フォントの太さを指定します。9段階の太さを指定することができるのですが、一般的に9種類の太さが用意されているフォントはほとんどありません（多くの場合標準サイズとboldのみ）。数値で指定する場合、100、200、300、400（標準）、500、600、700、800、900のいずれかを指定し、数値が大きいほど太い文字を表します。キーワードで指定する場合は以下の通りとなっています。

normal	標準（数値で400を指定した場合と同じ）
bold	太字（数値で700を指定した場合と同じ）
lighter	一段階細くする
bolder	一段階太くする

プロパティ情報

値：	100,200,300,400,500,600,700,800,900,`normal`,`bold`,`lighter`,`bolder`の中からいずれか1つ。
初期値：	normal
適用対象：	全ての要素
継承：	する
パーセンテージ：	不可
適用メディア：	視覚
レベル：	1～2

参照

font font-style font-variant font-weight font-size font-family

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

div.sample1 {font-weight: 100; }
div.sample2 {font-weight: 200; }
div.sample3 {font-weight: 300; }
div.sample4 {font-weight: 400; }
div.sample5 {font-weight: 500; }
div.sample6 {font-weight: 600; }
div.sample7 {font-weight: 700; }
div.sample8 {font-weight: 800; }
div.sample9 {font-weight: 900; }

HTMLの記述方法

<div class="sample1"><p>サンプル</p></div>
<div class="sample2"><p>サンプル</p></div>
<div class="sample3"><p>サンプル</p></div>
<div class="sample4"><p>サンプル</p></div>
<div class="sample5"><p>サンプル</p></div>
<div class="sample6"><p>サンプル</p></div>
<div class="sample7"><p>サンプル</p></div>
<div class="sample8"><p>サンプル</p></div>
<div class="sample9"><p>サンプル</p></div>

表示結果

サンプル