CSS overflow-wrap Eigenschaft

Definition und Verwendung

overflow-wrap Die Eigenschaft legt fest, ob der Browser lange Wörter bei Übersteigen des Containers umbrechen kann.

Beispiel

Ermöglicht dem Browser, lange Wörter bei Übersteigen des Containers umzubrechen:

div {
  overflow-wrap: break-word;
}

Probieren Sie es selbst aus

CSS-Syntax

overflow-wrap: normal|everywhere|break-word|initial|inherit;

Eigenschaftswert

Wert Beschreibung
normal Lange Wörter werden nicht umbrochen, selbst wenn sie den Container übersteigen. Standardwert.
everywhere Wenn lange Wörter den Container übersteigen, werden sie umgebrochen.
break-word Wenn lange Wörter den Container übersteigen, werden sie umgebrochen.
initial Setzen Sie diese Eigenschaft auf ihren Standardwert. Siehe: initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: normal
Vererbbarkeit: Ja
Animationsproduktion: Nicht unterstützt. Siehe:Animationsbezogene Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.overflowWrap="normal"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 12.1

Verwandte Seiten

Tutorial:CSS-Überschuss