Die word-break CSS Eigenschaft wird verwendet, um anzugeben, ob zwischen Wörtern Zeilenumbrüche sein können.

Initialwertnormal
Anwendbar aufalle Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* Schlüsselwortwerte */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;

/* Globale Werte */
word-break: inherit;
word-break: initial;
word-break: unset;

Werte

normal
Die Standardregeln für Zeilenumbrüche werden verwendet.
break-all
Zeilenumbrüche können bei Text, der nicht in CJK (chinesisch/japanisch/koreanisch) geschrieben ist, nach irgendeinem Zeichen eingefügt werden.
keep-all
Erlaubt keine Zeilenumbrüche in CJK-Text.  Das Verhalten bei Nicht-CJK-Text ist das gleiche wie bei normal.

Formale Syntax

normal | break-all | keep-all | break-word

Beispiele

HTML-Inhalt

<p>1. <code>word-break: normal</code></p>
<p class="normal narrow"> Die Schönbrunn wurde von einem Donaudampfschiffahrtsgesellschaftskapitän gesteuert. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉 </p> 

<p>2. <code>word-break: break-all</code></p>
<p class="breakAll narrow"> Die Schönbrunn wurde von einem Donaudampfschiffahrtsgesellschaftskapitän gesteuert. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉 </p> 

<p>3. <code>word-break: keep-all</code></p>
<p class="keep narrow"> Die Schönbrunn wurde von einem Donaudampfschiffahrtsgesellschaftskapitän gesteuert. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉</p>

CSS-Inhalt

.narrow {
    padding: 5px;
    border: 1px solid;
    width: 8em;
}

.normal {
    word-break: normal;
}

.breakAll {
    word-break: break-all;
}

.keep {
    word-break: keep-all;
}

Spezifikationen

Spezifikation Status Kommentar
CSS Text Module Level 3
Die Definition von 'word-break' in dieser Spezifikation.
Arbeitsentwurf Ursprüngliche Definition

Browserkompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 15IE Vollständige Unterstützung 5.5
Hinweise
Vollständige Unterstützung 5.5
Hinweise
Hinweise No version of Internet Explorer supports the initial value.
Vollständige Unterstützung 8
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -ms-
Hinweise Don't use -ms-word-break, which is a synonym for word-break.
Opera Vollständige Unterstützung 15Safari Vollständige Unterstützung JaWebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung 18Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 15Opera Android Keine Unterstützung NeinSafari iOS ? Samsung Internet Android Vollständige Unterstützung Ja
keep-allChrome Vollständige Unterstützung 44Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 15IE Vollständige Unterstützung 5.5Opera Vollständige Unterstützung 31Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 15Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 9Samsung Internet Android Vollständige Unterstützung Ja
break-wordChrome Vollständige Unterstützung JaEdge Vollständige Unterstützung JaFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung JaSamsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, okj579, teoli, fscholz, Sebastianz
Zuletzt aktualisiert von: SJW,