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