Propriété CSS word-spacing

La propriété word-spacing permet de changer l'espace entre les mots d'un texte et non les caractères individuels.

La propriété word-spacing est utilisée sur le contenu en ligne(inline).

Valeur initiale	normal
Appliquée à	Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line.
Héritée	Oui.
Animable	Oui. L'espacements des mots est animable.
Version	CSS1
Syntaxe DOM	object.style.wordSpacing = "40px";

Syntaxe

word-spacing: normal | length | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .text { 
      word-spacing: normal;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété word-spacing</h2>
    <p class="text">Lorem ipsum est simplement du faux texte...</p>
  </body>
</html>

Essayez-vous-même!

Dans l'exemple suivant, l'espace entre les mots est 20px:

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .text { 
      word-spacing: 20px;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété word-spacing</h2>
    <p class="text">Lorem ipsum est simplement du faux texte...</p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
normal	Spécifie l'espacement normal des mots. C'est la valeur par défaut de cette propriété.
length	Spécifie un espacement de mots supplémentaire. Peut être spécifié en px, pt, cm, em, etc. Les valeurs négatives sont valides.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément.