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 utilise100%, 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. |
Compatibilité des navigateurs
| 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) | ? | ? | ? |
É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,