font-weightプロパティ。

CSSに於ける当該要素での文字の重さ(太さ)・font-weightプロパティに関する解説です。

font-weightプロパティとは。

font-weightプロパティは、当該要素での文字の重さ(太さ)です。

font-weightプロパティの扱い。

font-weightプロパティの書式。

font-weightプロパティの書式は、以下のようになります。

font-weight:

値としては、以下のものが取れます。

inherit
一番近い上位要素で指定された太さを継承します。
数字
100, 200, 300, …, 800及び900の九段階で、数字が大きいほど太くなります。
normal
普通の文字の太さで、数字指定で言えば「400」に相当します(デフォルト)。
bold
太字の太さで、数字指定で言えば「700」に相当します。
lighter
一番近い上位要素で指定された太さから100を減じた太さで表示します。但し、元が「100」の場合は「100」のままとなります。
bolder
一番近い上位要素で指定された太さから100を加えた太さで表示します。但し、元が「900」の場合は「900」のままとなります。

font-weightプロパティの記述例。

例えば、<em>要素で太字を指定する場合は、

em {
    font-weight: 700;
    }

または

em {
    font-weight: bold;
    }

と記述します。

font-weightプロパティに関する注意事項。

font-weightプロパティの使用上の注意。

現実には九段階の太さが反映される事は滅多にありません。

このため、lighter及びbolderは多くの場合は効果が見られません。

関連項目。


しらぎくのウェブサイト作成入門サイトマップ