スタイルシート、fontの簡略化

CSS

これを

div {
    font-family: arial;
    font-size  : 35px;
    font-weight: bold;
    font-style : italic;
    line-height: 1.5;
    
}

このように一つにできる。

div {
    font: bold italic 35px/1.5 arial;

    /*line-height familyは省略可*/
    font: bold italic 35px;
}

最初の三つ、weight style sizeは順番は決まってなく
weight styleは順番は決まってなく(sizeは最後)、どれか一つ書いてあればＯＫで
スラッシュの後のline-height familyは順番が決まっていて、familyは省略可能。
sizeとline-heightだけを指定したい時は

div {
    font: 12px/1.2;
}

これで済む。

bold style sizeは知ってたけど、スラッシュ付けてline-height familyは知らんかった。