font-weight: ***;
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段階細くする
使用例
<!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>
表示例
標準の太さ
太字を指定
- サイト内検索