2010-11-02 7 views
181

Je vois la déclaration CSS suivante dans une feuille de style:Que signifie cette syntaxe de police CSS?

font: 12px/18px ... 

Qu'est-ce que la partie 12px/18px signifie exactement?

+50

Surpris à l'énorme quantité de mise votes pour celui-ci. –

+13

@The Pixel Developer: Avez-vous vu le [JavaScript '(0 <5 <3)'] (http://stackoverflow.com/questions/4089284/why-does-0-5-3-return-true) un ? : D – BoltClock

+8

Je ne suis pas surpris, je fais du CSS depuis plus de 10 ans et je n'y suis pas allé depuis deux ans. –

Répondre

201

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

La syntaxe est basée sur la notation typographique pour spécifier les tailles respectives et s'applique uniquement à la propriété raccourcie font. En d'autres termes, la déclaration ci-dessus ne vise qu'à étendre à ce qui suit:

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

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

W3C CSS2.1 font property reference
W3C CSS3 Fonts Module font property reference (la syntaxe porte au-dessus de CSS2.1)

67

Il est équivalent à:

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