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

font-sizeプロパティ

 font-sizeプロパティは、フォントの大きさを指定するプロパティです。

文字の大きさを16pxに指定
font-size: 16px;

 medium、xx-small、x-small、small、large、x-large、xx-large、smaller、largerはmediumを基準にした相対的な大きさの設定値です。イメージとしては、

xx-small < x-small < small < medium < large < x-large < xx-large
smaller < 現在の設定値 < larger
です。

 google search consoleからエラーにならない文字の大きさは16px以上、line-heightプロパティが1.6以上でした。表示される画面の大きさにもよりますので、一概にはいえません。

構文(Syntax)

CSS

font-size: medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.fontSize;
値の設定
object.style.fontSize=" medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial | inherit ";

Values

Value摘要
medium初期値(default値)、ブラウザの設定値による
lengthCSSの長さ
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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