CSS フォントプロパティ
CSS フォントプロパティ
コードを短くするために、個々のフォントプロパティをすべて1つのプロパティで指定することもできます。
fontプロパティは、次の省略形のプロパティです。
font-stylefont-variantfont-weightfont-size/line-heightfont-family
注:font-sizeとfont-familyの値は必須です。他の値のいずれかが欠落している場合、それらのデフォルト値が使用されます。
例
1つの宣言で複数のフォントプロパティを設定するには、fontを使用します。
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
自分で試してみる »すべてのCSSフォントプロパティ
|
プロパティ |
説明 |
|---|---|
| font | 1つの宣言ですべてのフォントプロパティを設定します。 |
| font-family | テキストのfont familyを指定します |
| font-size | テキストのfont sizeを指定します。 |
| font-style | テキストのfont styleを指定します。 |
| font-variant | テキストを小文字フォントで表示するかどうかを指定します。 |
| font-weight | フォントの太さを指定します。 |