font-weight（フォントの太さ）

解説

文字の太さを指定する属性です。
HTMLにおけるb エレメントを詳細に指定できます。

値	normal：通常の太さ（400と同じ） bold：太字（700と同じ） bolder：１段階太く（親エレメントに900が指定されている時は、指定できません。） lighter：１段階細く（親エレメントに100が指定されている時は、指定できません。） 数値指定（100が細く、順々に太くなっていく。） 100、200、300、400、500、600、700、800、900 ただし、フォントによって対応してない数値がある。
初期値	normal
%値の基準
適用	全てのエレメント
継承	する

対応状況

normal

bold

bolder

lighter

100〜900

使用例

ソース

スタイル部に、 .weight400{font-weight:400;} .weight600{font-weight:600;} .weight700{font-weight:700;} .weight900{font-weight:900;} .bold{font-weight:bold;}　　　/*700*/ .bolder{font-weight:bolder;} .lighter{font-weight:lighter;} span{font-family:Arial; 　　　font-size:10mm;} と記述し、

body部に、 <span class="weight400">400 Arial</span> <span class="weight600">600 Arial</span><br> <span class="weight700">700 Arial</span> <span class="weight900">900 Arial</span><br> <span class="bold">bold Arial</span><br> <span class="weight700"><span class="bolder">900 Arial</span></span> <span class="weight600"><span class="lighter">400 Arial</span></span> と記述すると。

表示＆操作

400 Arial 600 Arial 700 Arial 900 Arial bold Arial 900 Arial 400 Arial と表示されます。

Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/font-weight.html
pokochan@mx1.tees.ne.jp