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>

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>

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.

Support de Navigateurs

1.0+ 1.0+ 1.0+ 3.5+


Trouvez-vous cela utile?

Articles Associées