Apprenez à utiliser la hauteur de ligne de la propriété de style CSS pour affecter votre interligne sur vos pages Web.
Valeurs de l'espacement des lignes CSS
L'espacement des lignes CSS est affecté par la hauteur de ligne de la propriété de style CSS. Cette propriété prend jusqu'à 5 valeurs différentes:
- Ordinaire: le navigateur détermine une valeur pour l'interligne liée à la taille de la police. C'est généralement la même chose que la taille de la police ou légèrement plus grande (comme 20%).
- Hériter: l'interligne doit être pris à partir de l'interligne de l'élément parent. Ainsi, si vous définissez une hauteur de ligne de 30% supérieure à la taille de la police et aux balises de paragraphe à hériter, la hauteur de la ligne sera 30% plus grande que la taille de la police.
- Un numéro: Si la valeur de hauteur de ligne n'a pas d'unité de mesure, elle est considérée comme un multiplicateur de la taille de la police pour la hauteur de ligne. Ainsi, une hauteur de trait de 1,25 serait 25% plus grande que la taille de la police.
- Une longueur: Si la valeur de hauteur de ligne a une unité de mesure, il s’agit de la quantité exacte d’espace entre les lignes. Ainsi, 1,25 mm donnerait des lignes distantes de 1,25 millimètres.
- Un pourcentage: Si la hauteur de ligne est un pourcentage, il s'agirait d'un pourcentage de la taille de la police. Ainsi, une hauteur de ligne de 125% serait 25% plus grande que la taille de la police.
Quelle valeur devriez-vous utiliser pour l'espacement des lignes CSS
Dans la plupart des cas, le meilleur choix pour l'espacement des lignes est de le conserver par défaut ou "normal". Ceci est généralement le plus lisible et ne nécessite pas que vous fassiez quelque chose de spécial. Mais changer l'interligne peut donner à votre texte une impression différente.
Si votre taille de police est définie en tant que ems ou en pourcentage, votre hauteur de ligne doit également être définie de cette façon. C'est la forme d'interligne la plus flexible, car elle permet au lecteur de redimensionner leurs polices et de conserver le même rapport sur l'interligne.
Définissez la hauteur de ligne pour les feuilles de style d'impression avec une valeur de point (pt). Le point est une mesure d'impression et vos tailles de police doivent également être en points.
Nous n'aimons pas utiliser le choix du numéro parce que nous avons constaté que cela déroutait le plus les gens. Beaucoup de gens pensent que le nombre est une taille absolue et le rendent donc énorme. Par exemple, vous pouvez définir une police de caractère sur 14 pixels, puis définir la hauteur de votre ligne sur 14, ce qui crée des espaces énormes entre les lignes, car l'interligne est défini sur 14. fois la taille de la police.
Combien d'espace devriez-vous utiliser pour votre interligne
Comme mentionné ci-dessus, nous vous recommandons d'utiliser l'interligne par défaut, à moins que vous n'ayez une raison particulière de le modifier. La modification de l'interligne peut avoir différents effets:
- Un texte très serré peut être difficile à lire. Mais de petits espaces peuvent avoir une incidence sur l'ambiance du texte. Si le texte est regroupé, le sens du texte peut sembler plus sombre ou plus dense.
- Un texte plus éloigné peut également être difficile à lire. Mais les grands espaces font que le texte semble plus fluide et fluide.
- Si vous modifiez l'espacement des lignes, le texte qui, autrement, ne rentrerait pas dans un espace pourrait être plus compact ou prendre plus de place dans vos conceptions.
