Übersicht

Die hyphens Eigenschaft regelt die automatische Silbentrennung. Dazu ist das HTML Attribut lang, bzw. xml:lang unter XML, zwingend notwendig.

Hinweis: Wie die Silbentrennung umgesetzt wird kann von Browser zu Browser, bzw. von Sprache zu Sprache, variieren.

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

Syntax

none | manual | auto
hyphens: none
hyphens: manual
hyphens: auto

hyphens: inherit

Werte

none
Keine Silbentrennung: Wörter werden nicht getrennt und automatische Zeilenumbrüche sind nur bei Leerzeichen möglich.
manual
Manuelle Silbentrennung: Wörter werden nur dann getrennt, wenn dies definiert wurde (siehe Suggesting line break opportunities).
auto
Automatische Silbentrennung: Der Browser trennt die Wörter automatisch. Manuell definierte Umbrüche werden dabei vorgezogen (siehe Suggesting line break opportunities).

Umbrüche manuell definieren

Es gibt zwei Möglichkeiten, um Wörter manuell zu trennen. Dafür werden die beiden folgenden Unicode-Zeichen verwendet:

U+2010 (Bindestrich)
Dieser Bindestrich ist immer sichtbar, auch wenn das Wort gar nicht getrennt werden muss.
U+00AD (SHY)
Dieses Zeichen ist unsichtbar und kennzeichnet nur eine mögliche Trennstelle. Sobald eine Trennung notwendig wird, wird ein Bindestrich sichtbar. In HTML lässt sich das Zeichen mit ­ einfügen.

Beispiel

This CSS snippet creates three classes, one for each possible configuration of the hyphens property.

<ul>
  <li><code>none</code>: no hyphen; overflow if needed
    <p lang="en" class="none">An extreme&shy;ly long English word</p>
  </li>  
  <li><code>manual</code>: hyphen only at &amp;hyphen; or &amp;shy; (if needed)
    <p lang="en" class="manual">An extreme&shy;ly long English word</p>
  </li>
  <li><code>auto</code>: hyphen where the algo is deciding (if needed)
    <p lang="en" class="auto">An extreme&shy;ly long English word</p>
  </li>
</ul>
p { 
  width: 55px;
  border: 1px solid black;
 }
p.none {
  -moz-hyphens: none;
  hyphens: none;
}
p.manual {
  -moz-hyphens: manual;
  hyphens: manual;
}
p.auto {
  -moz-hyphens: auto;
  hyphens: auto;
}

Spezifikations

Spezifikation Status Anmerkung
CSS Text Module Level 3
Die Definition von 'hyphens' in dieser Spezifikation.
Arbeitsentwurf  

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidiOS SafariSamsung Internet
Grundlegende UnterstützungChrome Teilweise Unterstützung 55
Hinweise
Teilweise Unterstützung 55
Hinweise
Hinweise auto value is only supported on macOS and Android.
Vollständige Unterstützung 13
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise Only -webkit-hyphens: none is supported.
Edge Vollständige Unterstützung 12
Mit Präfix Hinweise
Vollständige Unterstützung 12
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -ms-
Hinweise Automatic hyphenation only works for languages with hyphenation dictionaries that are integrated into Internet Explorer.
Firefox Vollständige Unterstützung 43
Vollständige Unterstützung 43
Vollständige Unterstützung 6
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -moz-
Hinweise Automatic hyphenation only works for languages with hyphenation dictionaries that are integrated into Firefox.
IE Vollständige Unterstützung 10
Mit Präfix Hinweise
Vollständige Unterstützung 10
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -ms-
Hinweise Automatic hyphenation only works for languages with hyphenation dictionaries that are integrated into Internet Explorer.
Opera Teilweise Unterstützung 44
Hinweise
Teilweise Unterstützung 44
Hinweise
Hinweise auto value is only supported on macOS and Android.
Safari Vollständige Unterstützung 5.1
Mit Präfix
Vollständige Unterstützung 5.1
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
WebView Android Vollständige Unterstützung 55
Vollständige Unterstützung 55
Vollständige Unterstützung 4
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Chrome Android Vollständige Unterstützung 55
Vollständige Unterstützung 55
Vollständige Unterstützung Ja
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Edge Mobile ? Firefox Android Vollständige Unterstützung 43
Vollständige Unterstützung 43
Vollständige Unterstützung 6
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -moz-
Hinweise Automatic hyphenation only works for languages with hyphenation dictionaries that are integrated into Firefox.
Opera Android Vollständige Unterstützung 44Safari iOS Vollständige Unterstützung 4.2
Mit Präfix
Vollständige Unterstützung 4.2
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Samsung Internet Android Vollständige Unterstützung 6.0
Hyphenation dictionary for Afrikaans (af, af-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Bosnian, Serbian, and Serbo-Croatian (sh, sh-*, sr, sr-*, bs, bs-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Bulgarian (bg, bg-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Catalan (ca, ca-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Croatian (hr, hr-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Czech (cs, cs-*)Chrome ? Edge ? Firefox Keine Unterstützung NeinIE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Esperanto (eo, eo-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Estonian (et, et-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Danish (da, da-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Dutch (nl, nl-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Finnish (fi, fi-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for French (fr, fr-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Galician (gl, gl-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 9IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for German, Reformed Orthography of 1996 (de, de-1996, de-DE, de-AT, de-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for German, Traditional Orthography of 1901 (de-1901, de-AT-1901, de-DE-1901)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for German, Swiss Orthography (de-CH, de-CH-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Hungarian (hu, hu-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 9IE Keine Unterstützung NeinOpera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Icelandic (is, is-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Interlingua (ia, ia-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Italian (it, it-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 9IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Kurmanji (kmr, kmr-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Latin (la, la-*)Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera Vollständige Unterstützung 44Safari Keine Unterstützung NeinWebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile ? Firefox Android ? Opera Android Vollständige Unterstützung 44Safari iOS ? Samsung Internet Android Vollständige Unterstützung Ja
Hyphenation dictionary for Lithuanian (lt, lt-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Mongolian (mn, mn-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Norwegian (Bokmål) (no, no-*, nb, nb-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Norwegian (Nynorsk) (nn, nn-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Polish (pl, pl-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 31IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Portuguese (pt, pt-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Brazilian Portuguese (pt-BR)Chrome ? Edge ? Firefox Vollständige Unterstützung 8
Hinweise
Vollständige Unterstützung 8
Hinweise
Hinweise For Brazilian Portuguese, Firefox uses a Portuguese dictionary.
IE Vollständige Unterstützung 10Opera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Russian (ru, ru-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Slovenian (sl, sl-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Spanish (es, es-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Swedish (sv, sv-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Turkish (tr, tr-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 9IE Vollständige Unterstützung 10Opera ? Safari Vollständige Unterstützung 5.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Ukrainian (uk, uk-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 9IE Keine Unterstützung NeinOpera ? Safari Vollständige Unterstützung 9.1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Upper Sorbian (hsb, hsb-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for Welsh (cy, cy-*)Chrome ? Edge ? Firefox Vollständige Unterstützung 8IE Keine Unterstützung NeinOpera ? Safari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
Hyphenation dictionary for English (en, en-*)Chrome Vollständige Unterstützung 55Edge ? Firefox Vollständige Unterstützung 6
Hinweise
Vollständige Unterstützung 6
Hinweise
Hinweise For English, Firefox uses an en-US dictionary
IE Vollständige Unterstützung 10Opera Vollständige Unterstützung 44Safari Vollständige Unterstützung 5.1
Hinweise
Vollständige Unterstützung 5.1
Hinweise
Hinweise For English, Safari uses different en-GB and en-US dictionaries.
WebView Android Vollständige Unterstützung 55Chrome Android Vollständige Unterstützung 55Edge Mobile ? Firefox Android ? Opera Android Vollständige Unterstützung 44Safari iOS ? Samsung Internet Android Vollständige Unterstützung 6.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Teilweise Unterstützung  
Teilweise 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, tobias47n9e, julianhirt, SphinxKnight, Sebastianz, fscholz
Zuletzt aktualisiert von: SJW,