CSS retour à la ligne La propriété est utilisée pour briser les mots longs et les passer à la ligne suivante. Cette propriété est utilisée pour empêcher le débordement lorsqu'une chaîne incassable est trop longue pour tenir dans la boîte conteneur.
Cette propriété définit les ruptures dans le mot pour éviter le débordement lorsqu'un mot est trop long pour tenir dans le conteneur. Il spécifie la rupture des mots lorsque le contenu dépasse les limites du conteneur.
Syntaxe
word-wrap: normal | break-word | initial l inherit ;
Valeurs
normale: Il s'agit de la valeur par défaut utilisée pour couper les mots uniquement aux points d'arrêt autorisés.
mot de rupture : Il sert à briser les mots incassables.
initial: Il est utilisé pour définir la propriété à sa valeur par défaut.
hériter: Il hérite de la propriété de son élément parent.
Exemple
.test { width: 200px; background-color: lightblue; border: 2px solid black; padding: 10px; font-size: 20px; } .test1 { width: 11em; background-color: lightblue; border: 2px solid black; padding: 10px; word-wrap: break-word; font-size: 20px; } <p> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line. </p> Testez-le maintenant Sortir
