font

 fontプロパティは以下のような、font-style、font-variant、font-weight、font-size、line-height、font-familyプロパティを一括指定することができます。

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

font-style

 文字のスタイルを指定するプロパティです。
 以下の値が指定できます。

説明
normal 通常体
italic イタリック
oblique 斜体
oblique (angle) 角度指定の斜体

font-variant

 スモールキャップの有無を指定するプロパティです。日本語では使う機会はあまりないでしょう。

font-weight

 文字の太さを指定するプロパティです。

font-size

 文字の大きさを指定するプロパティです。

line-height

 空白を含めた文字全体の高さを指定するプロパティです。ですが、テキストの行間として利用します。

Values 説明
normal default値。おおよそ1.2です。 line-height: normal;
<number> (単位なし) 単位のない値です。line-height を設定するには好ましい方法です line-height: 2;
<length> <length>で利用可能な値があります。 line-height: 2em;
<percentage> フォントの高さに対する相対値です。 line-height: 200%;

font-family

 フォントファミリを指定するプロパティです。

位置 アライメント text-align,vertical-align


プロパティ名 説明
text-align
(水平方向)
left 左寄せ
center 中央揃え
right 右寄せ
justify 両端揃え
vertical-align
(垂直方向)
baseline 1行目のベースラインを揃える
top 上揃え
middle 中央揃え
bottom 下揃え