Propriété white-space CSS

Définition et utilisation

L'attribut white-space définit comment traiter les espaces blancs à l'intérieur de l'élément.

Cette propriété déclare comment traiter les espaces blancs dans l'élaboration du layout de l'élément. Les valeurs pre-wrap et pre-line ont été ajoutées dans CSS 2.1.

Veuillez également consulter :

Tutoriel CSS :Texte CSS

Manuel de référence HTML DOM :Attribut whiteSpace

Exemple

Définit que le texte des paragraphes ne doit pas être retourné.

p
  {
  white-space: nowrap;
  }

Essayez-le vous-même

Syntaxe CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|hérité;

Valeur de l'attribut

Valeur Description
normal Par défaut. Les espaces blancs sont ignorés par le navigateur.
pre Les espaces blancs sont conservés par le navigateur. Le comportement est similaire à celui de la balise <pre> en HTML.
nowrap Le texte ne fait pas de sauts de ligne, il continue sur la même ligne jusqu'à ce qu'il rencontre une balise <br>.
pre-wrap Conserve les séquences d'espaces blancs, mais effectue des retournements de ligne normaux.
pre-line Fusionne les séquences d'espaces blancs, mais conserve les retours chariot.
hérité Définit que la valeur de l'attribut white-space doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : normal
Héritabilité : oui
Version : CSS1
Syntaxe JavaScript : object.style.whiteSpace="pre"

Plus d'exemples

Interdire le retournement de ligne du texte dans un élément
Cet exemple montre comment interdire le retournement de ligne du texte dans un élément.

Support du navigateur

Les nombres dans le tableau indiquent la version la plus ancienne du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5