White-Space (proprit CSS)

Dfinit comment les espaces et les retours chariot doivent tre affichs. En temps normal, les navigateurs n'affichent pas les retours la ligne ni les espaces successifs qui se trouvent dans le code source HTML.

On peut cependant utiliser la balise <br/> pour forcer un retour la ligne ou l'entit &nbsp; pour gnrer un espace mais la proprit White-Space offre une solution plus lgante.

Valeurs pour White-Space.

NormalNon affichage des retours la ligne et des espaces successifs.
PreLes espaces successifs et les retours chariot sont affichs.
NowrapPas de retour la ligne automatique mme si le texte atteint la limite de la fentre.
InheritValeur identique celle de l'lment parent (la cellule, la page...)

Exemples.

Dans les trois exemples qui suivent, le code HTML et le mme mais la proprit White-Space modifie totalement le rsultat l'cran.

<P>Ce   texte   contient   trois   espaces   
entre   chaque   mot.</P>
<P>Cette ligne, volontairement trs longue, a t saisie sans balise BR pour illustrer l'effet de la proprit White-Space. Celle-ci peut mme provoquer un dpassement du bord droit de l'cran.</P>

 

White-Space: Normal;

Ce texte contient trois espaces entre chaque mot.
Cette ligne, volontairement trs longue, a t saisie sans balise BR pour illustrer l'effet de la proprit White-Space. Celle-ci peut mme provoquer un dpassement du bord droit de l'cran.

White-Space: Pre;

Ce texte contient trois espaces entre chaque mot.
Cette ligne, volontairement trs longue, a t saisie sans balise BR pour illustrer l'effet de la proprit White-Space. Celle-ci peut mme provoquer un dpassement du bord droit de l'cran.

White-Space: Nowrap;

Ce texte contient trois espaces entre chaque mot.
Cette ligne, volontairement trs longue, a t saisie sans balise BR pour illustrer l'effet de la proprit White-Space. Celle-ci peut mme provoquer un dpassement du bord droit de l'cran.

Pour toute utilisation des informations de cette page, reportez vous au copyright