Taille de la police en CSS avec barre oblique
Que signifie la barre oblique ici:
font: 100%/120%;
2 réponses
Cela définit en fait 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 une notation abrégée typographique traditionnelle pour définir plusieurs propriétés liées aux polices.
Comme David M l'a dit dans les commentaires, il reflète la tradition de composition de spécifier les tailles de caractères comme " x pt on y pt " pour désigner la taille des glyphes sur la hauteur de la ligne.
Mais le 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écifier au moins la taille de la police et la famille. Écrire simplement font: 100%/120%; n'est donc pas suffisant; vous pouvez ajouter un nom de famille générique pour le rendre valide, par exemple:
font: 100%/120% serif;
Konrad a obtenu celui-ci, mais il y a beaucoup de propriétés raccourci CSS comme celle-ci que vous pouvez utiliser pour raccourcir vos feuilles de style. Certains d'entre eux regarder un peu cryptique si vous n'êtes pas conscient.