CSS ord-wrap egenskapen används för att bryta de långa orden och slå in på nästa rad. Den här egenskapen används för att förhindra översvämning när en okrossbar sträng är för lång för att få plats i lådan.

Den här egenskapen definierar avbrotten i ordet för att undvika översvämning när ett ord är för långt för att få plats i behållaren. Den specificerar brytningen av ord när innehållet överskrider behållarens gräns.

Syntax

 word-wrap: normal | break-word | initial l inherit ; 

Värderingar

vanligt: Det är standardvärdet som används för att bryta ord endast vid tillåtna brytpunkter.

brytord: Det används för att bryta de okrossbara orden.

första: Den används för att ställa in egenskapen till dess standardvärde.

ärva: Det ärver egenskapen från dess överordnade element.

Exempel

 .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> 

Produktion