CSS woordomslag eigenschap wordt gebruikt om de lange woorden af te breken en naar de volgende regel te gaan. Deze eigenschap wordt gebruikt om overflow te voorkomen wanneer een onbreekbare string te lang is om in de doos te passen.
Deze eigenschap definieert de onderbrekingen in het woord om overloop te voorkomen wanneer een woord te lang is om in de container te passen. Het specificeert het breken van woorden wanneer de inhoud de grens van de container overschrijdt.
Syntaxis
word-wrap: normal | break-word | initial l inherit ;
Waarden
normaal: Het is de standaardwaarde die wordt gebruikt om woorden alleen op toegestane breekpunten af te breken.
breekwoord: Het wordt gebruikt om de onbreekbare woorden te breken.
voorletter: Het wordt gebruikt om de eigenschap op de standaardwaarde in te stellen.
erven: Het erft de eigenschap van het bovenliggende element.
Voorbeeld
.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> Test het nu Uitvoer
