À quoi sert la barre oblique (/) dans les déclarations de taille de police CSS ?

Comprendre la taille de police CSS avec des barres obliques

En CSS, nous rencontrons souvent la barre oblique (/) lors de la définition des tailles de police. Cela peut sembler déroutant, mais cela sert en réalité un objectif important.

Considérez la déclaration CSS suivante :

font: 100%/120%;

Que fait la barre oblique ici ?

La barre oblique représente une séparation entre deux propriétés :

• font-size : Définit la taille du texte.
• line-height : Contrôle l'espacement vertical entre les lignes de texte.

Ainsi, la déclaration ci-dessus est équivalente à :

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

Définition officielle :

Selon la documentation CSS, "La syntaxe de cette propriété est basée sur une notation typographique abrégée traditionnelle pour définir plusieurs propriétés liés aux polices."

Histoire typographique :

En traditionnel En typographie, il est courant de spécifier les tailles de caractères comme « x pt sur y pt », indiquant la taille du glyphe et la hauteur de la ligne. Cette notation est reflétée dans le raccourci de la police CSS à l'aide de la barre oblique.

Gestion du navigateur :

Notez que vous devez spécifier à la fois la taille et la famille de la police lorsque vous utilisez le raccourci de la police. notation. Utilisation uniquement de la police : 100 %/120 % ; est incorrect et sera ignoré par les navigateurs. Cependant, vous pouvez inclure un nom de famille générique pour le rendre 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!