font-weight: ***;

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
プロパティ

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


.example {
font-weight: bold;
}
プロパティ名 値 説明
font-weight normal 標準の太さ （初期値）
bold 太字にする

その他の指定方法

以下のように細かく指定する方法もありますが、実際には太字と標準の2段階でしか表現されません。

数値で指定

font-weight: 700;

次の9段階の数値で指定する方法です。

  • 100 … 最も細い
  • 200
  • 300
  • 400 … normal と同等の太さ
  • 500
  • 600
  • 700 … bold と同等の太さ
  • 800
  • 900 … 最も太い

100 が最も細く、900 が最も太くなります。

相対的に指定

font-weight: bolder;

親要素の文字の太さに対して、1段階太く、または細くします。

  • bolder … 1段階太くする
  • lighter … 1段階細くする

参考

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

strong { font-weight: normal; }

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

p.example { font-weight: bold; }

</style>

</head>
<body>

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

</body>
</html>
表示例

標準の太さ

太字を指定