web-dev-qa-db-fra.com

Taille de police en CSS avec barre oblique

Que signifie la barre oblique ici:

font: 100%/120%;
120
Alex

Cela définit en fait deux propriétés et équivaut à:

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

Pour citer le documentation officielle :

La syntaxe de cette propriété est basée sur une notation raccourcie typographique traditionnelle pour définir plusieurs propriétés liées aux polices.

Comme l'a dit David M dans les commentaires, il reflète la tradition de composition de spécifier des tailles de caractères comme " x pt on y pt "pour indiquer la taille du glyphe à la hauteur de la ligne.

Mais l'exemple de votre question est en fait faux et serait ignoré par le navigateur: vous ne pouvez combiner ces deux propriétés que dans la notation abrégée font, et vous devez spécifiez au moins à la fois la taille de la police et la famille. Écrire simplement font: 100%/120%; n'est donc pas suffisant; vous pouvez cependant ajouter un nom de famille générique pour le rendre valide, par exemple:

font: 100%/120% serif;
179
Konrad Rudolph

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

14
Bill the Lizard