Que signifie cette syntaxe de police CSS?

Question

Je vois la déclaration CSS suivante dans une feuille de style:

 font: 12px/18px ...
 

Que signifie exactement la partie 12px/18px ?

Answer 1

12px est la taille de la police, 18px est la hauteur de la ligne.

La syntaxe est basée sur typographiques notation pour spécifier les tailles respectives, et est uniquement applicable à l' font d'abréviation de la propriété. En d'autres termes, la déclaration ci-dessus simplement s'étend à la suivante:

font-size: 12px;
line-height: 18px;

Comme toujours, si vous réglez la hauteur de la ligne à une valeur relative (par exemple, pourcentage ou ems), il est calculé par rapport à la taille de la police.

CSS2 DU W3C.1 font référence du bien
W3C CSS3 Polices Module font de la propriété de référence (la syntaxe porte sur de CSS2.1)

Answer 2

C'est équivalent à:

 font-size: 12px;
line-height: 18px;