CSS white-spacePropriété


Exemple

Spécifie que le texte d'un paragraphe ne passe pas à la ligne :

p { white-space:nowrap; }

Essayez-le vous-même »

Définition de la propriété et instructions d'utilisation

La propriété white-space spécifie comment les espaces blancs à l'intérieur d'un élément sont gérés.

Valeur par défaut : normal
Héritée : oui
version : CSS1
Syntaxe JavaScript : object.style.whiteSpace="pre"


Prise en charge des navigateurs

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.

Propriété
white-space 1.0 5.5 3.5 3.0 9.5

Syntaxe

/* 值 */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;

/* 全局值 */
white-space: inherit;
white-space: initial;
white-space: revert;
white-space: revert-layer;
white-space: unset;

Valeur de la propriété

Valeur Description
normal Par défaut. Les espaces blancs seront ignorés par le navigateur.
pre Les espaces blancs sont conservés par le navigateur. Son comportement est similaire à la balise <pre> en HTML.
nowrap Le texte ne passera pas à la ligne ; il continuera sur la même ligne jusqu'à ce qu'une balise <br> soit rencontrée.
pre-wrap Les séquences d'espaces blancs sont conservées, mais les sauts de ligne se produisent normalement.
pre-line Les séquences d'espaces blancs sont fusionnées, mais les sauts de ligne sont préservés.
inherit Spécifie que la valeur de la propriété white-space doit être héritée de l'élément parent.

Comportement des différentes valeurs de white-space :

Nouvelle ligne Espaces et tabulations Retour à la ligne du texte Espaces en fin de ligne
normal Tri fusion Tri fusion saut de ligne Delete
nowrap Tri fusion Tri fusion nowrap Delete
pre conserver conserver nowrap conserver
pre-wrap conserver conserver saut de ligne suspendre
pre-line conserver Tri fusion saut de ligne Delete
break-spaces conserver conserver saut de ligne saut de ligne


Articles connexes

Tutoriel CSS :Texte CSS

autres extensions