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

fontプロパティ

 fontプロパティは、font-stylefont-variantfont-weightfont-size/line-heightfont-familyプロパティを一括指定するプロパティです。

font-family以外はデフォルト値
font: normal normal normal medium/normal serif;

 fontプロパティで指定できるのは、以下のようなプロパティの値です。

font-style
文字のスタイル
font-variant
スモールキャップの有無
font-weight
太さ
font-size/line-height
大きさ/行間
font-family
フォントファミリ

構文(Syntax)

CSS

font: font-style font-variant font-weight font-size/line-height font-family | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.font;
値の設定
object.style.font=" font-style font-variant font-weight font-size/line-height font-family | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit ";

Values

Value摘要
font-style文字のスタイル
font-variantスモールキャップの有無
font-weight太さ
font-size/line-height大きさ/行間
font-familyフォントファミリ
captionキャプション用システムフォント
iconラベルアイコン用システムフォント
menuメニューに使われるシステムフォント
message-boxダイアログボックス用システムフォント
small-captionキャプションでも小さいシステムフォント
status-barウィンドウのステータスバー用システムフォント
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)normal normal normal medium/normal (ブラウザによる)
継承(Inherited)Yes
CSS AnimationYes