word-spacing

La propriété word-spacing définit la règle d'espacement utilisée entre les balises et les mots.

Valeur initiale	`normal`
Applicabilité	tous les éléments. S'applique aussi à `::first-letter` et `::first-line`.
Héritée	oui
Pourcentages	se rapporte à la largeur du glyphe concerné
Média	visuel
Valeur calculée	trois valeurs, optimale, minimale et maximale, chacune consitant en une longueur absolue, un pourcentage ou le mot-clé `normal`
Animable	oui, comme une longueur
Ordre canonique	l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Avec un mot-clé */
word-spacing: normal;

/* Valeurs de longueur */
/* type <length> */
word-spacing: 3px;
word-spacing: 0.3em;

/* Valeurs en pourcentages */
/* type <percentage> */
word-spacing: 50%;
word-spacing: 200%;

/* Valeurs globales */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;

Valeurs

normal: L'espace normale entre les mots (ou inter-mot), tel qu'il est défini par la police courante et/ou le navigateur.
<length>: Une valeur de longueur définit l'espace qu'on ajoute à l'inter-mot intrinsèque défini par la police. Voir <length> pour les différentes valeurs et unités possibles.
<percentage>: Une valeur en pourcentages définit la taille de l'inter-mot à utiliser par rapport à la position du prochain caractère (si on utilise -100%, l'espace sera nul et si on utilise 100%, il sera doublé).

Syntaxe formelle

normal | <length> | <percentage>

Exemple

HTML

<p id="ligne1">Voici le texte de la ligne 1 </p>
<p id="ligne2" >Et voilà celui de la ligne 2 </p>

CSS

#ligne1 {
  word-spacing: 15px;
}

#ligne2 {
  word-spacing: 5em;
}

Résultat

Spécifications

Spécification	État	Commentaires
CSS Text Level 3 La définition de 'word-spacing' dans cette spécification.	Version de travail	Remplace les valeurs précédentes avec une valeur `<spacing-limit>` qui définit la même valeur et la valeur `<percentage>` et permet d'avoir trois valeurs pour décrire un optimum, un minimum, et un maximum.
CSS Transitions La définition de 'word-spacing' dans cette spécification.	Version de travail	`word-spacing` peut désormais être animé.
CSS Level 2 (Revision 1) La définition de 'word-spacing' dans cette spécification.	Recommendation	Aucun changement.
CSS Level 1 La définition de 'word-spacing' dans cette spécification.	Recommendation	Définition initiale.

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Support simple	1.0	1.0 (1.7 ou moins)	6.0	3.5	1.0 (85)
Valeurs en pourcentage	Pas de support	45.0 (45.0)	Pas de support	Pas de support	?

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Support simple	?	Pas de support	?	?	?
Valeurs en pourcentage	?	45.0 (45.0)	?	?	?

word-spacing

Syntaxe

Valeurs

Syntaxe formelle

Exemple

HTML

CSS

Résultat

Spécifications

Compatibilité des navigateurs

Étiquettes et contributeurs liés au document