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