Que signifie la barre oblique dans le raccourci de police CSS ?

Raccourci de police CSS : découvrir la signification de la barre oblique

La propriété de raccourci de police CSS vous permet de condenser les déclarations d'attributs de police en une seule doubler. Mais que signifie la barre oblique (/) séparant deux valeurs ?

Question :

Dans le CSS suivant :

font: 12px/18px ...

Que signifie les valeurs "12px" et "18px" représenter ?

Réponse :

La barre oblique sert d'indicateur visuel, séparant deux attributs de police distincts :

• 12px : Ceci est la taille de la police, indiquant la taille de l'individu caractères.
• 18px : Il s'agit de la hauteur de ligne, qui définit l'espacement vertical entre les lignes de texte.

Explication :

La syntaxe est dérivée des notations typographiques utilisées pour spécifier les tailles de police et les hauteurs de ligne. En les combinant en une seule déclaration abrégée, la ligne ci-dessus équivaut à :

font-size: 12px;
line-height: 18px;

Si la hauteur de la ligne est définie sur une valeur relative (par exemple, pourcentage ou ems), elle est calculée en fonction de la police size.

Notez que cette syntaxe est exclusive à la propriété font shorthand et ne peut pas être utilisée avec des attributs de police individuels. Les développeurs utilisant ce raccourci le trouveront pratique, leur évitant ainsi l'effort de spécifier les attributs séparément.

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!