Word-spacing, CSS-Tricks
La propriété word-spacing est similaire à l'espacement des lettres. mais naturellement son utilisation régit la quantité d'espace entre les mots dans un morceau de texte, pas les caractères individuels.
word-spacing peut recevoir trois valeurs différentes:
- le mot-clé « normale », qui remet à zéro l'espacement par défaut
- Les valeurs de longueur à l'aide des unités CSS (le plus souvent px. em. rem)
- le mot-clé « inherit », qui applique le mot espacement de l'élément parent
Les meilleures pratiques en ce moment serait de em utiliser. Taille de la police peut être ajustée, donc en utilisant des pixels pour cela pourrait causer des problèmes à l'espacement entre les mots n'échelle que leur taille a fait. rem est grand en général, mais le soutien du navigateur est plus faible et dans ce cas d'utilisation, il est préférable de l'espacement est probablement directement aux mots qu'elle est appliquée, et non pas la racine.
Il est important de noter que « mot » dans ce contexte se réfère en fait une pièce unique de contenu en ligne qui signifie que l'espacement affecte-mot des éléments en ligne-bloc ainsi que des éléments en ligne. Dans cet exemple, plusieurs de ces éléments sont espacés en définissant le mot-espacement de leur conteneur parent:
Points d'interêts
- La propriété word-spacing est animable avec des transitions CSS.
- Bien que l'utilisation de la valeur de « pourcentage » pour déterminer l'espacement est autorisé selon les spécifications, il peut donner des résultats imprévisibles - souvent tout simplement pas d'effet du tout.
- Réglage espace blanc à zéro est l'un des moyens de lutter contre l'espace entre les éléments de bloc en ligne.