Que signifie la barre oblique dans le raccourci de police CSS?

186

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

font: 12px/18px ...

Que 12px/18pxsignifie exactement la pièce?

css fonts

— Webnet
source

2

Il était incorrect de le fermer car trop localisé. La question est simple, tout comme la réponse, mais c'est clairement quelque chose que les gens demandent souvent et qui a une bonne réponse.

— Jukka K. Korpela

206

12pxest la taille de la police, 18pxest la hauteur de la ligne.

La syntaxe est basée sur la notation typographique pour spécifier les tailles respectives et n'est applicable qu'à la fontpropriété abrégée. En d'autres termes, la déclaration ci-dessus se développe simplement comme suit:

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

Comme toujours, si vous définissez la hauteur de la ligne sur une valeur relative (par exemple, pourcentage ou ems), elle est calculée par rapport à la taille de la police.

W3C CSS2.1 fontréférence de la propriété
W3C CSS3 les polices de caractères Module fontpropriété référence (la syntaxe porte au- dessus de CSS2.1)

— BoltClock
source

66

C'est équivalent à:

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

— poussée
source