備忘録的プログラミングリファレンス

font-weight プロパティ

 font-weight プロパティは、フォントを太字で表示するプロパティです。太字の度合いも指定できます。

太字で表示
font-weight: bold;

詳しくは Example を参照してください

 bold、bolder、lighter は normal を基準にした相対的な大きさの設定値と、現在値(親エレメント)の設定値からの相対値です。イメージとしては、

bolder < bold < normal < lighter
です。

ページ内 Index

構文(Syntax)

CSS

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

DOM ( JavaScript )

値の取得
String = object.style.fontWeight;
値の設定
object.style.fontWeight=" normal | bold | bolder | lighter | number | initial | inherit ";

値(Values)

Value摘要
normal初期値(default値)、そのまま表示
bold太字
bolder継承された文字の太さより太く表示
lighter継承された文字の太さより細く表示
number数値で指定。400までnormal。700でbold相当。
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)normal
継承(Inherited)Yes
CSS AnimationYes

Example

 font-weightの例です。