Ü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 verzubeugen, wenn ein sonst nicht trennbarer Text zu lange für die beinhaltende Box wäre.
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
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| grundlegender Support | 3.5 (1.9.1) | 1.0 | 5.5 | 10.5 | 1.0 |
| Feature | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| grundlegender Support | 1.0 (1.9.1) | 1.0 | ? | ? | 1.0 |
word-wrap:break-wordkann als Work-Around für die fehlende Unterstützung vonpre{white-space:pre-wrap}in IE 5.5-7 verwendet werden. Siehewhite-spacezum Beispiel.- IE8 führte
-ms-word-wrap als ein Synonym fürword-wrapein. Nicht das-ms-Prefix verwenden.
Siehe auch
- Microsofts originale Dokumentation: MSDN Microsoft library word-wrap