CSS/Eigenschaften/overflow-wrap

Die Eigenschaft overflow-wrap regelt den Umbruch bei langen Wörtern.

erlaubte Werte	normal: bricht Wörter nur an erlaubten Breakpoints um break-word: erlaubt Umbruch innerhalb des Wortes initial inherit Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: normal
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	nein

Beispiel

p {
  width: 9em;
  word-wrap: break-word;
}

legt für Absätze fest, dass innerhalb von Wörtern umgebrochen werden darf

Beachten Sie: Die Eigenschaft overflow-wrap bricht Wörter und Zahlen genau dann um, wenn die (festgelegte) Breite des Absatzes erreicht ist. Dabei wird keine Rücksicht auf Semantik oder Silbentrennung genommen.

Hinweis

Urspünglich war word-wrap eine proprietäre MS-Eigenschaft, die unter dem Namen: overflow-wrap in den CSS3-Entwurf übernommen wurde. Die Browser unterstützen aber weiterhin nur das ältere Synonym word-wrap.

Empfehlung: Verwenden Sie für die Silbentrennung in Texten die Eigenschaft hyphens.

Weblinks

• Spezifikation (W3C): overflow-wrap property

Siehe auch

• CSS/Tutorials/Typografie/Textausrichtung (Silbentrennung und Zeilenumbrüche)