CSS font-weight 属性

定義と使用法

font-weight 属性はテキストの太さを設定します。

説明

この属性は、表示する要素のテキストに使用されるフォントの太さを設定するために使用されます。数字値 400 は normal に、700 は bold に相当します。各数字値に対応するフォントの太さは、次の最小数字と同じ程度に細く、次の最大数字と同じ程度に太くなければなりません。

参照：

CSS チュートリアル：CSS 字体

CSS リファレンスマニュアル：CSS font 属性

HTML DOM リファレンスマニュアル：fontWeight 属性

例

3つの段落のフォントの太さを設定：

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

実際に試してみる

CSS 文法

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

属性値

値 説明
normal デフォルト値。標準の文字を定義。
bold 太字文字の定義。
bolder さらに太い文字の定義。
lighter さらに細い文字の定義。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 太から細への文字の定義。400 は normal に相当し、700 は bold に相当します。
inherit 親要素からフォントの太さを継承するべきことを定義します。

技術的詳細

デフォルト値： normal
継承性： はい
バージョン： CSS1
JavaScript 文法： object.style.fontWeight="900"

TIY 実例

フォントの太さの設定
この例では、フォントの太さを設定する方法を示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5