フォントの太さを変更する
動作ブラウザ:[IE4][IE5]



 フォントの太さを変更します。スタイルシートでフォントの太さ(font-weight)が設定されていない場合は変更できません。Mac+IE4.xでも動作します。
 表示される文字の太さですが、これは100刻みで指定することができますが、実際にはそこまで細かく表示されません。

 プロパティであるfontWeightには100,200,300,400,500,600,700,800,900,normal,bold,bolder,light,lighterを設定することができます。

100
200
300
400
500
600
700
800
900
normal
light
lighter
bold
bolder




■ソースリスト(ポイント部分)
フォントの太さ:
<A HREF="#" onMouseover="document.body.style.fontWeight=100">100</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=200">200</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=300">300</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=400">400</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=500">500</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=600">600</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=700">700</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=800">800</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight=900">900</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight='normal'">normal</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight='light'">light</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight='lighter'">lighter</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight='bold'">bold</A><BR>
<A HREF="#" onMouseover="document.body.style.fontWeight='bolder'">bolder</A><BR>