Taille en CSS avec slash

Question

Que signifie la barre oblique ici:

 font: 100%/120%;
 

Answer 1

Ceci définit deux propriétés et est équivalent à:

font-size: 100%;
line-height: 120%;

Pour citer la documentation officielle:

La syntaxe de cette propriété est basée sur un typographiques traditionnelles notation abrégée pour définir plusieurs propriétés liées aux polices.

Comme David M a dit dans les commentaires, il reflète la composition de la tradition de la spécification de la police de caractères de tailles "x pt sur y pt" pour désigner le glyphe de taille sur la hauteur de la ligne.

Mais l'exemple de votre question est en fait mal et sera ignoré par le navigateur: vous ne pouvez combiner ces deux propriétés en font notation abrégée, et vous devez spécifier au moins à la fois la taille de la police et de la famille. Il suffit de la rédaction font: 100%/120%; n'est donc pas assez; vous pouvez ajouter un générique du nom de famille pour la rendre valide si, par exemple:

font: 100%/120% serif;

Answer 2

Konrad a obtenu celui-ci, mais il existe de nombreuses propriétés abrégées CSS comme celle-ci que vous pouvez utiliser pour raccourcir vos feuilles de style. Certains d'entre eux ont l'air un peu cryptiques si vous ne les connaissez pas.