Quelle est la signification de la barre oblique (/) dans les déclarations de polices CSS ?

Comprendre la barre oblique dans le dimensionnement des polices CSS

La barre oblique (/) dans les déclarations de police CSS, comme dans l'exemple ci-dessous, a une sens :

font: 100%/120%;

Contrairement aux déclarations de polices classiques, cette syntaxe définit plusieurs propriétés liées aux polices simultanément :

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

Selon la documentation CSS, cette notation abrégée est basée sur les conventions typographiques traditionnelles. Les typographes utilisent souvent le format « x pt on y pt » pour désigner la taille du glyphe (caractère) et la hauteur de la ligne.

Dans l'exemple, « 100 % » fait référence à la taille de la police, tandis que « 120 % » fait référence à la hauteur de la ligne. La hauteur de ligne détermine l'espacement vertical entre les lignes de texte. Une hauteur de ligne de 120 % signifie que l'espacement vertical sera de 120 % de la taille de la police.

Notez que la notation abrégée de la police nécessite de spécifier au moins la taille et la famille de la police. Par conséquent, la déclaration suivante n'est pas valide :

font: 100%/120%;

Pour la rendre valide, un nom de famille de police générique peut être ajouté :

font: 100%/120% serif;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!