Que signifie la barre oblique (/) dans le dimensionnement des polices CSS ?

Dimensionnement des polices CSS avec barre oblique : démêler la syntaxe

En CSS, la propriété font peut accepter une syntaxe qui inclut une barre oblique, ce qui soulève des questions sur son objectif. Examinons la signification et l'utilisation de cette notation.

Délimiteur de barre oblique dans le dimensionnement de la police

La syntaxe de dimensionnement de la police sépare deux valeurs. Il dénote la spécification de deux propriétés distinctes : font-size et line-height. Les valeurs à gauche et à droite de la barre oblique représentent respectivement ces propriétés.

Par exemple, la déclaration CSS suivante :

font: 100%/120%;

est équivalente à :

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

Notation typographique traditionnelle

Cette notation provient de la pratique typographique traditionnelle consistant à spécifier les dimensions de la police au format "x pt sur y pt". Ici, "x pt" représente la hauteur du glyphe et "y pt" désigne l'espacement vertical entre les lignes de texte, appelé interlignage.

En autorisant le délimiteur de barre oblique dans la propriété de police CSS, cela permet aux développeurs de spécifier à la fois la taille de la police et l'espacement des lignes sur une seule ligne concise.

Utilisation valide

Il est crucial de noter que la notation abrégée de la police vous oblige à spécifier à la fois la taille de la police et la famille de polices. L'omission de l'une ou l'autre valeur entraînera une déclaration invalide. Par exemple, ce qui suit est une utilisation valide :

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!