⌘K

fontプロパティ

プロパティ font は以下のCSSプロパティを 一括で指定するためのプロパティです: font-size, font-style, font-weight, line-height, font-family, font-variant.

構文

cssセレクタ {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

必須のプロパティは font-size と font-family です。他のプロパティは省略可能ですが、 順序は保持する必要があります。

font-style、font-variant、 font-weight プロパティは互いに対して 任意の順序で記述できます。

line-height プロパティは font-size プロパティの後にスラッシュを付けて記述することに注意してください。

例

サイズ 15px、フォントタイプ Arial、 行間 30px のイタリック体テキストを作成しましょう: 

html<p>
  some long text
</p>
cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

例

別の例: 

html<p>
  some long text
</p>
cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

例

他のプロパティを省略し、フォントサイズとファミリーのみを指定する例: 

html<p>
  some long text
</p>
cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

例

フォントサイズのみを指定した場合、フォントファミリーも必須であるため、 適用されません: 

html<p>
  some long text
</p>
cssp {
  font: 30px;
  text-align: justify;
}

Результат:

Backfont-family プロパティNexttext-indent プロパティ