word-wrap

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

Initialwert	`normal`
Anwendbar auf	alle Elemente
Vererbt	Ja
Medien	visuell
Berechneter Wert	wie angegeben
Animationstyp	diskret
Kanonische Reihenfolge	die 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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Edge Mobile	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
Grundlegende Unterstützung	Chrome Vollständige Unterstützung Ja Vollständige Unterstützung Ja 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 Ja Vollständige Unterstützung Ja Vollständige Unterstützung 10.5 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `word-wrap`	Safari Vollständige Unterstützung Ja Vollständige Unterstützung Ja Vollständige Unterstützung 1 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `word-wrap`	WebView Android Vollständige Unterstützung Ja Vollständige Unterstützung Ja Vollständige Unterstützung 1 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `word-wrap`	Chrome Android ?	Edge 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 Ja	Safari iOS Vollständige Unterstützung Ja Vollständige Unterstützung Ja Vollständige Unterstützung 1 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `word-wrap`	Samsung Internet Android ?

Legende

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

Siehe auch

word-break