Go to information

font-weight

font-weightプロパティは文字のウエイト（重さ）を指定します。文字のウエイト（重さ）とは太さのことです。

値
初期値
normal
適用対象
すべての要素
継承
する
メディア
visual

値には絶対キーワードが2種類と相対キーワードが2種類に100から900までの数値を指定できます。

normal
標準（400相当）。
bold
太字表示（700相当）。
bolder
親要素より継承したフォントより重いウェイトのフォントに対応する数値の中で、最も近いフォントを要求。該当するウェイトのフォントがなければ、フォントを変更するのではなく、数値を100大きくする。継承値が既に900の場合は、それ以上太くならない。
lighter
親要素より継承したフォントより軽いウェイトのフォントに対応する数値の中で、最も近いフォントを要求。該当するウェイトのフォントがなければ、フォントを変更するのではなく、数値を100小さくする。継承値が既に100の場合は、それ以上細くならない。
100-900
100, 200, 300, 400, 500, 600, 700, 800, 900の100刻みで指定。

数値指定は100から900の間で、100刻みで指定することができ、100が最も細く、900が最も太く表示される値になります。標準の "normal" のキーワードは数値指定の400に相当する太さで、"bold" が700に相当する太さです。なお、実際には100-500まではほとんど表示に変化がなく、600から太字で表示されるぐらいで、現状の UA では100から900までの数値指定は100-500が標準と600-900が太字の違いしか反映できていません。

font-weightプロパティの実装状況

Windows版Internet Explorer
○
Firefox
○
Opera
○
Safari
○
Macintosh版Internet Explorer 5
○

サンプル

記述例
ul       { font-weight : normal ; }
.bold    { font-weight : bold ; }
.bolder  { font-weight : bolder ; }
.lighter { font-weight : lighter ; }
.100     { font-weight : 100 ; }
.200     { font-weight : 200 ; }
.300     { font-weight : 300 ; }
.400     { font-weight : 400 ; }
.500     { font-weight : 500 ; }
.600     { font-weight : 600 ; }
.700     { font-weight : 700 ; }
.800     { font-weight : 800 ; }
.900     { font-weight : 900 ; }
表示例
現在位置
  1. W3G
  2. CSS
  3. フォント
  4. font-weight
ナビゲーション
ステータス情報
作者
上田 遼
公開
2007-02-02T16:27:47+09:00
更新
2008-12-29T04:30:38+09:00
URI
http://w3g.jp/css/font/font-weight
検索