white-space

Hérité : oui   -   Compatibilité : FF, Mozilla, Opera, Safari IE 5,6,7,8 - CSS 1

Détermine la façon dont le navigateur doit afficher l'espace blanc (espaces supplémentaires et retours-chariot) présent dans le code source de l'élément. Dans des circonstances normales, HTML ne tient pas compte des espaces blancs supplémentaires et redimensionne le contenu de manière à boucher cet espace. Par exemple, si plusieurs espaces apparaissent entre les mots, ils sont réduits en un seul, et pour créer un saut de ligne forcé à l'intérieur d'un paragraphe, il faut insérer un élément br.

Si la propriété whitespace a pour valeur pre, l'espace blanc est traité comme si vous aviez placé l'élément dans un élément pre. Bien que les navigateurs affichent normalement les éléments pre dans une police monospace, un élément ordinaire paramétré comme white-space:pre conservera ses paramètres de police.

Syntaxe CSS
white-space: constante
Valeur(s) possible(s) pour cette propriété :

Trois constantes sont possibles: normal | nowrap | pre.

Avec la valeur normal, l'espace blanc est traité selon les règles HTML normales.

La valeur nowrap indique au navigateur qu'il doit ignorer les sauts de ligne du texte source (éventuellement insérés par l'auteur pour améliorer la lisibilité dans l'éditeur) et qu'il doit créer des sauts de ligne sur la page uniquement lorsqu'il rencontre des sauts de ligne HTML explicites (définis par des éléments br, par exemple).

Si vous spécifiez la valeur pre, le navigateur applique les espaces blancs insérés par l'auteur dans le contenu source sans ajuster les paramètres de police de l'élément.

Valeur initiale

normal

Exemple
div.example {white-space: pre}
S'applique à 

Tous les éléments.

cursor
filter(new style)
filter(old style) -!important
opacity
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkShadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
white-space




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu