font-weight:bolderとCSSの設定値の違いを詳しく解説

以前に font-weight:bolder を設定しましたが、ブラウザに表示されたときの最終的な効果がなぜ通常になるのか理解できませんでした。確認したところ、bolder は親要素に相対していることがわかりました。

親オブジェクトの値が通常で、子オブジェクトの値がより太字に設定されている場合、最終的には太字、つまり太字で表示されます。

そして私の親要素は font-weight:200; を設定しているので、最終的な表示は通常になります。

フォントの太さ (細かい) 値: 太字 | 400 | 600 | 利用可能な値説明

normal デフォルト値。フォントは正常に表示されます。

太字
太字
軽い 通常より軽い
100 少なくとも200と同じくらい軽い
200 少なくとも100と同じくらい太い、少なくとも300と同じくらい軽い
300 少なくとも200と同じくらい太くて、少なくとも400と同じくらい軽い
400フォントは正常に表示され、通常と同等になります。 00500 は少なくとも 400 と同じくらい厚く、少なくとも 600 と同じくらい軽いです。少なくとも 500 は 500 と同じくらい厚く、少なくとも 700 と同じくらい軽いです
700、これは BOLD と同等です。 00800 は少なくとも 700 と同じ太さ、少なくとも 800 と同じくらい軽いです。 少なくとも 800 は少なくとも 800 と同じ太さです
親要素から継承されたフォントの太さ


注:
Ie7 およびそれ以前のバージョンは継承します。 「継承」の値はサポートされていません。 IE8には定義が必要です!ドキュメントタイプ。 IE9では「継承」がサポートされています。

以上がfont-weight:bolderとCSSの設定値の違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。