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

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以上でした。表示される画面の大きさにもよりますので、一概にはいえません。

関連するプロパティ

 関連するプロパティに以下があります。

fontfontに関するプロパティの一括指定
font-style文字のスタイル
font-variantスモールキャップの有無
font-variant-capsスモールキャップの有無
font-weight太さ
font-familyフォントファミリ

 テキストに関するプロパティには以下があります。

プロパティ概要
line-height行間
text-alignvertical-alignテキストの配置操作
background{ linear-gradient() }マーカーでラインを引いたような装飾

構文(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