white-space

Syntaxe

Paramètres

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.