word-spacing |
Espacement de mot |
---|---|
CSS |
Syntaxe
word-spacing: paramètres; |
Paramètres
Paramètre | Description | |
---|---|---|
paramètres | Ce paramètre de propriété permet d'indiquer le type d'espacement entre les mots : | |
Valeur | Description | |
normal | Cet attribut permet d'indiquer un espacement normal. | |
longueurcm | Cet attribut permet d'indiquer espacement entre les mots en centimètre. | |
longueurem | Cet attribut permet d'indiquer espacement entre les mots en taille. | |
longueurin | Cet attribut permet d'indiquer espacement entre les mots en pouces espacement normal. | |
longueurmm | Cet attribut permet d'indiquer espacement entre les mots en millimètre. | |
longueurpc | Cet attribut permet d'indiquer espacement entre les mots en picas. | |
longueurpx | Cet attribut permet d'indiquer espacement entre les mots en pixels. | |
longueurpt | Cet attribut permet d'indiquer espacement entre les mots en points. |
Description
Cette propriété permet de spécifier l'espacement entre chacun des mots.
Remarques
- Contrôle de l'espace entre les mots : La propriété word-spacing permet de modifier l'espace entre les mots dans un texte. Par défaut, les navigateurs Web appliquent un espacement standard défini par la police de caractères utilisée. En ajustant cette propriété, vous pouvez améliorer la lisibilité ou obtenir des effets visuels spécifiques, particulièrement dans les designs typographiques ou artistiques.
- Valeurs personnalisées et unités : word-spacing accepte des valeurs en unités absolues comme px, pt, ou relatives comme em, ou encore des pourcentages. Par exemple, word-spacing: 10px; augmente l'espace entre chaque mot de 10 pixels, tandis que word-spacing: 0.5em; utilise une valeur relative basée sur la taille actuelle de la police de caractères.
- Valeur par défaut normal : La valeur par défaut de word-spacing est normal, ce qui applique l'espacement standard défini par la police de caractères. Si vous voulez revenir à l'espacement d'origine après avoir appliqué une valeur personnalisée, il suffit d'utiliser word-spacing: normal;.
- Effet sur la lisibilité : En augmentant ou réduisant l'espace entre les mots, vous pouvez influencer la lisibilité d'un texte. Par exemple, un espace légèrement augmenté comme word-spacing: 0.2em; peut faciliter la lecture de textes longs, tandis qu'un espace réduit peut être utilisé pour des titres ou des phrases courtes pour un design compact.
- Combinaison avec d'autres propriétés typographiques : word-spacing fonctionne bien en combinaison avec des propriétés telles que letter-spacing (espacement des lettres) ou line-height (interligne). Par exemple, ajuster à la fois l'espacement des mots et des lettres peut aider à équilibrer la typographie globale d'une page pour une mise en page soignée et harmonieuse.
- Effets esthétiques dans le design : La modification de l'espacement des mots peut être utilisée pour des effets esthétiques ou créatifs. Par exemple, un grand espacement comme word-spacing: 20px; peut donner un aspect aéré et minimaliste, souvent utilisé dans des sites modernes et élégants. Cela peut également être utile pour créer des titres accrocheurs ou des bannières.
- Compatibilité avec les langues : word-spacing est principalement conçu pour les langues utilisant des espaces pour séparer les mots, comme l'anglais ou le français. Pour les langues telles que le chinois ou le japonais, où il n'y a pas d'espaces entre les caractères, cette propriété n'a aucun effet, ce qui limite son application à ces cas spécifiques.
- Impact sur les textes justifiés : Lorsque le texte est justifié (propriété text-align: justify;), l'espacement des mots peut déjà être ajusté automatiquement par le navigateur Web pour aligner les bords gauche et droit. Dans ce cas, l'utilisation de word-spacing peut entraîner des résultats inattendus, car elle s'ajoute aux ajustements automatiques, ce qui peut déséquilibrer l'apparence du texte.
Dernière mise à jour : Dimanche, le 20 décembre 2015