3 つの段落に異る太さのフォントを設定します：
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
Try it Yourself ❯
font-weight プロパティは、テキスト文字をどれほど太くまたは細く表示するかを設定します。
| デフォルト値： | normal |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 可。animatable を参照 Try it |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.fontWeight="bold" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| normal | 通常の文字を定義します。これがデフォルトです | Play it ❯ |
| bold | 太い文字を定義します | Play it ❯ |
| bolder | 現在のフォントより太い文字を定義します | Play it ❯ |
| lighter | 現在のフォントより細い文字を定義します | Play it ❯ |
| 100 200 300 400 500 600 700 800 900 |
細い文字から太い文字までを定義します。400 は normal に同じで、700 は bold に同じです | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Font
CSSリファレンス：font プロパティ
HTML DOM リファレンス：fontWeight プロパティ