フォントのスタイルシートを一度に指定する
CSSの書き方
font:font-styeの値 font-variantの値 font-weightの値 font-sizeの値 / line-heightの値 font-familyの値 … ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
フォント装飾のスタイルシートの一部をまとめて記述する方法です。値としては以上の6つのプロパティの値を同時に書くことができますが、以下のような制限があります。
1つめの決まり
まず、最初の3つ(font-stye、font-variant、font-weight)に関してですが、表記の順序に決まりはなく、順不同です。また、各プロパティは省略も可能です。この場合、各プロパティの初期値が割り当てられます。
2つめの決まり
残りの3つ(font-size、line-height、font-family)に関してですが、ここで省略可能なプロパティは「line-height」のみです。それ以外の2つについては必須プロパティです。これら2つに合わせて「line-height」プロパティも記述する場合には、font-sizeの値との間に「 / (半角スペース+/+半角スペース)」を挿入する必要があります。
CSS/HTMLサンプル
body { font:italic bold 20px / 130% arial; }
BODY要素にいくつかのフォントプロパティを一括指定 サンプル
