文字の太さを指定する

[新着] Webテンプレートを仮オープンしました


font-weight: ***;

ブラウザ
Internet Explorer Netscape Firefox Opera
参考
書式基本 要素名 クラス ID

font-weight は、文字の太さを指定するプロパティです。


p {
font-weight: bold;
}


font-weight bold … (太字にします)
normal … (標準)デフォルト

以下のように細かく指定する方法もありますが、フォントの種類やブラウザの種類により、指定内容が反映されない場合があります。

9段階で指定

font-weight: 700;

(細)100200300400500600700800900(太)

100 が一番細く、900 が一番太くなります。デフォルトは 400 です。

相対的に指定

font-weight: bolder;

bolder … 太めの文字
lighter … 細めの文字

それまでの太さと比較して、やや太め、やや細めを指定します。

【参考】

次のように指定すると、太字で表示される文字(strong)を標準の太さにすることができます。

strong {
font-weight: normal;
}


使用例

<html>
<head>
<title>TAG index Webサイト</title>

<style type="text/css">
<!--

#example { font-weight: bold; }

-->
</style>

</head>
<body>

<p>標準の太さ</p>
<p id="example">太字を指定</p>

</body>
</html>

これをブラウザで見ると次のように表示されます

標準の太さ

太字を指定



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版