white-space CSS propriété

Définition de la CSS white-space.

La propriété CSS white-space permet spécifier la manière dont votre navigateur va interpréter les espaces blancs et les types de caractères de retour à la ligne et la justification automatique.

Exemple de syntaxe CSS white-space :
white-space : normal;
white-space : pre;
white-space : pre-wrap;
white-space : pre-line;
white-space : nowrap;

La propriété de feuille de style white-space CSS peut prendre la valeur de :

  • normal : interprète tous les types de caractères de retour à la ligne comme un espace blanc, la balise est interprétée, fusionne les espaces blancs multiples et ajoute si nécessaire des sauts de ligne pour la justification du texte (pas reconnue par les versions Netscape<6). Valeur par défaut.
  • nowrap : interprète tous les types de caractères de retour à la ligne comme un espace blanc, la balise est interprétée,, fusionne les espaces blancs multiples mais n'ajoute pas de saut de ligne pour la justification du texte (pas reconnue par les versions Netscape < 6 et par Internet explorer < 6).
  • pre : interprète tous les types de caractères de retour à la ligne et la balise , ne fusionne pas les espaces blancs multiples et n'ajoute pas des sauts de ligne pour la justification du texte ( pas reconnue par Internet Explorer < 6 ).
  • pre-wrap : interprète tous les types de caractères de retour à la ligne et la balise , ne fusionne pas les espaces blancs multiples et ajoute des sauts de ligne pour la justification du texte (pas reconnue par Internet Explorer < 8 et Firefox < 3.1). Ajouter en CSS 2.1.
  • pre-line : ajouté en CSS2.1. Interprète tous les types de caractères de retour à la ligne et la balise , fusionne les espaces blancs multiples et ajoute des sauts de ligne pour la justification du texte (pas reconnue par Internet explorer<8 et Firefox < 3.5.).

Conditions d'application de la CSS white-space.

La propriété de feuille de style white-space CSS est applicable sur l'ensemble des balises HTML ou XHTML.

Héritage des valeurs Css de white-space.

Les éléments enfants héritent de la propriété de feuille de style white-space CSS.

Problème d'interprétation de white-space en Css.

La propriété CSS white-space peut poser des problèmes d'interprétation.

Règles de syntaxes CSS pour white-space.

Espaces blancs et les types de caractères de retour à la ligne

Espaces blancs :
&nbsp; n'est pas considéré comme un espaces blanc.
Caractères de retour à la ligne :
la balise BR n'est pas considéré comme un caractère de retour à la ligne.

Cas particulier de Internet Explorer

La propriété CSS white-space ayant la valeur de white-space : pre est interprétée si la DTD de votre page est de type :

Code HTML : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ou
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Compatibilités navigateurs de la propriété white-space

Détails des versions de la CSS white-space
Résumé du support navigateurs de la CSS white-space

Propriétés CSS préfixées de white-space

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété white-space CSS :

Pour que la propriété CSS pre-wrap fonctionne sous Firefox < 3 utilisez la valeur -moz-pre-wrap

Equivalence CSS de la valeur pre-wrap : 
white-space : -moz-pre-wrap; /* Firefox 1.0 et 2.0 */
white-space : pre-wrap;

Equivalence de la CSS white-space en HTML.

La propriété CSS white-space peut être l'équivalent de l'attribut HTML NOWARP de la balise HTML mais aussi de l'attribut HTML WRAP de la balise HTML .
La propriété de feuille de style white-space CSS peut être comparée à la balise HTML et XHTML

Votre avis sur la définition white-space en CSS

Votez pour la définition CSS white-space

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/white-space-css.html Votes: 4.3 / 5 - 24 votes
Cliquez sur une étoile pour voter.