white-space |
Espace blanc |
CSS |
|
Syntaxe
Paramètres
Paramètre |
Description |
paramètres |
Ce paramètre de propriété permet d'indiquer la césure : |
normal |
Cet attribut permet d'indiquer que l'espace blanc est ignoré par le navigateur. Valeur par défaut. |
dashed |
Cet attribut permet d'indiquer que l'espace blanc est préservé par le navigateur. C'est comme la balise «<PRE>» du HTML. |
dotted |
Cet attribut permet d'indiquer qu'il n'y a pas de découpage de ligne, on continue sur la même ligne jusqu'à la rencontre d'une balise «<BR>» du HTML. |
Description
Cette propriété permet de spécifier la réaction du débordement de l'entrée d'une ligne: on la coupe en morceaux ou on continue. On appel également cette caractéristique la Césure.
Remarques
- Contrôle du comportement des espaces blancs : La propriété white-space contrôle la manière dont les espaces blancs dans le contenu sont gérés, qu'il s'agisse
des espaces, des sauts de ligne ou des tabulations. Par exemple, elle peut empêcher la mise en ligne automatique du texte ou forcer la conservation des retours à la ligne présents
dans le code HTML source.
- Valeur par défaut normal : La valeur par défaut normal supprime les espaces supplémentaires et permet au texte de s'enrouler automatiquement à la fin de la largeur
disponible. Cela est idéal pour la plupart des textes courants, mais peut ne pas convenir pour des besoins spécifiques, comme des blocs de code ou des textes formatés.
- Valeur nowrap pour empêcher le retour à la ligne : Lorsque white-space: nowrap; est utilisé, tout le texte reste sur une seule ligne, quelle que soit la largeur
de l'élément parent. Cela peut entraîner un débordement horizontal, mais est utile pour des éléments comme des menus ou des titres qui doivent rester sur une seule ligne.
- Valeur pre pour conserver les espaces et les retours à la ligne : Avec white-space: pre;, les espaces blancs et les retours à la ligne dans le
HTML source sont conservés, imitant le comportement des balises <pre>. Cela est pratique pour afficher des textes ou des codes
sources formatés. Cependant, le texte ne s'enroule pas automatiquement, ce qui peut nécessiter l'utilisation de overflow pour gérer les débordements.
- Valeur pre-wrap pour une combinaison d'enroulement et de préservation : La valeur pre-wrap conserve les espaces blancs et les retours à la ligne tout
en permettant au texte de s'enrouler automatiquement si nécessaire. Cela est particulièrement utile pour des contenus où l'on veut respecter la mise en page d'origine sans sacrifier
l'adaptabilité au conteneur.
- Valeur pre-line pour une gestion flexible des espaces : Avec white-space: pre-line, les retours à la ligne sont conservés, mais les espaces blancs multiples
sont réduits à un seul espace. Cela permet un compromis entre le contrôle de la mise en page et la suppression des espaces inutiles, idéal pour des contenus semi-structurés.
- Effet sur les éléments inline et bloc : La propriété white-space affecte à la fois les éléments inline et les blocs. Pour les éléments inline, elle
peut contrôler si les lignes se cassent ou non. Pour les blocs, elle influence l'apparence globale en décidant de conserver ou de réduire les espaces blancs et les sauts de ligne.
- Applications pratiques pour la lisibilité et les mises en page spécifiques : white-space est couramment utilisée pour améliorer la lisibilité de textes ou de
blocs de code dans des environnements comme des blogs, des éditeurs de texte en ligne ou des tableaux de données. Par exemple, white-space: nowrap; est souvent utilisé dans les
entêtes de tableaux pour éviter que le contenu ne soit réparti sur plusieurs lignes.
Dernière mise à jour : Dimanche, le 20 décembre 2015