CSS font-weight プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

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

CSS 構文

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


❮ 前章へ 完全な CSS リファレンス 次へ ❯