Übersicht

Die word-wrap Eigenschaft wird verwendet, um anzugeben ob der Webbrowser Zeilenumbrüche innerhalb von Wörtern machen darf. Dies ist nötig um einem Overflow vorzubeugen, wenn ein sonst nicht trennbarer Text zu lang für die beinhaltende Box wäre.

Hinweis: Die ursprünglich (unprefixed) proprietäre Erweiterung word-wrap von Microsoft wurde im aktuellen Entwurf der CSS3 Text Spezifikation in overflow-wrap umbenannt. word-wrap wird jetzt als "alternativer Name" für overflow-wrap angesehen. Stabile Builds von Google Chrome und Opera unterstützen die neue Syntax.

Initialwertnormal
Anwendbar aufnicht ersetzte Inlineelemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* Keyword values */
word-wrap: normal;
word-wrap: break-word;

/* Global values */
word-wrap: inherit;
word-wrap: initial;
word-wrap: unset;

Werte

normal
Zeilen dürfen nur bei normal Trennstellen von Wörtern umbrechen.
break-word
Normalerweise nicht trennbare Wörter dürfen an beliebigen Stellen getrennt werden, wenn es sonst keine anwendbaren Trennstellen in der Zeile gibt.

Formale Syntax

normal | break-word

Beispiele

p { width: 13em; background: gold; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

p { width: 13em; background: gold; word-wrap: break-word; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

Spezifikationen

Spezifikation Status Bemerkung
CSS Text Module Level 3
Die Definition von 'word-wrap' in dieser Spezifikation.
Arbeitsentwurf Initiale Definition

Webbrowserkompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
overflow-wrapChrome Vollständige Unterstützung 23
Vollständige Unterstützung 23
Vollständige Unterstützung 1
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Edge Vollständige Unterstützung 18
Vollständige Unterstützung 18
Vollständige Unterstützung 12
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Firefox Vollständige Unterstützung 49
Vollständige Unterstützung 49
Vollständige Unterstützung 3.5
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
IE Vollständige Unterstützung 5.5
Alternativer Name
Vollständige Unterstützung 5.5
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Opera Vollständige Unterstützung 12.1
Vollständige Unterstützung 12.1
Vollständige Unterstützung 10.5
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Safari Vollständige Unterstützung 6.1
Vollständige Unterstützung 6.1
Vollständige Unterstützung 1
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
WebView Android Vollständige Unterstützung 4.4
Vollständige Unterstützung 4.4
Vollständige Unterstützung 1
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Chrome Android Vollständige Unterstützung JaEdge Mobile Vollständige Unterstützung Ja
Alternativer Name
Vollständige Unterstützung Ja
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Firefox Android Vollständige Unterstützung 49
Vollständige Unterstützung 49
Vollständige Unterstützung 4
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Opera Android Vollständige Unterstützung 12.1
Vollständige Unterstützung 12.1
Vollständige Unterstützung 11
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Safari iOS Vollständige Unterstützung 7
Vollständige Unterstützung 7
Vollständige Unterstützung 1
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: word-wrap
Samsung Internet Android Vollständige Unterstützung 4.0
break-wordChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 3.5IE Vollständige Unterstützung 5.5Opera Vollständige Unterstützung 10.5Safari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 11Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 4.0
anywhereChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 65IE Keine Unterstützung NeinOpera ? Safari ? WebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 65Opera Android ? Safari iOS ? Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Verwendet einen nicht standardisierten Namen.
Verwendet einen nicht standardisierten Namen.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, ksuess, screeny05, Clubfan22, fscholz, Sebastianz, spiegelp
Zuletzt aktualisiert von: mdnwebdocs-bot,