Propriété whiteSpace de style
- Page précédente visibility
- Page suivante width
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
whiteSpace
Définir ou retourner comment traiter les tabulations, les retours chariot et les espaces dans le texte.
Voir également :
Tutoriel CSS :Texte CSS
Manuel de référence CSS :Propriété white-space
Exemple
Exemple 1
Définir que le texte dans l'élément <div> ne saura jamais sauter à la ligne :
document.getElementById("myDIV").style.whiteSpace = "nowrap";
Exemple 2
Retourner la propriété whiteSpace :
alert(document.getElementById("myDiv").style.whiteSpace);
Syntaxe
Retourner la propriété whiteSpace :
objet.style.whiteSpace
Définir la propriété whiteSpace :
objet.style.whiteSpace = "normal|nowrap|pre|initial|inherit"
Valeur de l'attribut
Valeur | Description |
---|---|
normal |
Les séquences d'espaces blancs seront réduites à un seul espace. Le texte se brisera en ligne si nécessaire. Par défaut. |
nowrap |
Les séquences d'espaces blancs seront réduites à un seul espace. Le texte ne saura jamais sauter à la ligne suivante. Le texte continuera sur la même ligne jusqu'à ce qu'il rencontre le marqueur <br>. |
pre |
Les espaces blancs sont conservés par le navigateur. Le texte ne se brisera qu'à la position du retour chariot. Similaire à la balise <pre> de HTML. |
pre-line |
Les séquences d'espaces blancs seront réduites à un seul espace. Le texte se brisera en ligne si nécessaire, et se brisera à la position du retour chariot. |
pre-wrap |
Les espaces blancs sont conservés par le navigateur. Le texte se brisera en ligne si nécessaire, et se brisera à la position du retour chariot. |
initial | Régler cette propriété à sa valeur par défaut. Voir initial. |
inherit | Inherited de l'élément parent. Voir inherit. |
Détails techniques
Valeur par défaut : | normal |
---|---|
Valeur de retour : | Chaîne, indiquant comment traiter les espaces blancs à l'intérieur des éléments. |
Version CSS : | CSS1 |
Prise en charge du navigateur
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Page précédente visibility
- Page suivante width
- Retour au niveau supérieur Objet Style HTML DOM