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 プロパティ