スタイルシートリファレンス > font-weight

スタイルシートリファレンス font-weight


font-weight フォントの太さを指定する (IE4/N4)

フォントの太さを指定します。

数値で指定
100 200 300 400 500 600 700 800 900 フォントの種類によって、効果が無い数値もあります。
normal
標準:規定値
bold
太字
bolder
一段階太くする
lighter
一段階細くする

▲ページ先頭へ

使用例 font-weight

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
font-weight: lighter;
}
.smp2 {
font-weight: bold;
}
.smp3 {
font-weight: bolder;
}
-->
</style>
</head>
<body>
<br>
<p>このように表示されます</p>
<p class="smp1">このように表示されます(lighter)</p>
<p class="smp2">このように表示されます(bold)</p>
<p class="smp3">このように表示されます(bolder)</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


このように表示されます

このように表示されます(lighter)

このように表示されます(bold)

このように表示されます(bolder)

▲ページ先頭へ

関連項目【フォント】

font
フォントの指定をまとめて行う
font-style
フォントスタイルを指定する
font-variant
大文字にする
font-weight
フォントの太さを指定する
font-size
フォントのサイズを指定する
font-family
フォントの種類を指定する
font-stretch ※
フォントの幅を指定する
font-size-adjust ※
フォントの高さと幅の比率を指定する
line-height
行の高さを指定する

▲ページ先頭へ

スタイルシートリファレンス > font-weight