word-spacing

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

/* 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;

Valeur initialenormal
Applicabilitétous les éléments. S'applique aussi à ::first-letter et ::first-line.
Héritéeoui
Pourcentagesse rapporte à la largeur du glyphe concerné
Médiavisuel
Valeur calculéetrois valeurs, optimale, minimale et maximale, chacune consitant en une longueur absolue, un pourcentage ou le mot-clé normal
Type d'animationune longueur
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

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é). Voir <percentage> pour les différentes valeurs et unités possibles.

Syntaxe formelle

normal | <length-percentage>
où 
<length-percentage> = <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 Module 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.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) (Oui) 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) Edge IE Mobile Opera Mobile Safari Mobile
Support simple ? Pas de support (Oui) ? ? ?
Valeurs en pourcentage ? 45.0 (45.0) ? ? ? ?

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, Prinz_Rana, fscholz, Sebastianz, teoli, Goofy, louuis, FredB
 Dernière mise à jour par : SphinxKnight,