hyphens

Ü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 Sprach zu Sprache, variieren.

Initialwertmanual
Anwendbar aufalle Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
AnimierbarNein
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 Level 3
Die Definition von 'hyphens' in dieser Spezifikation.
Arbeitsentwurf  

Browser Kompatibilität

Funktion Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 13-webkit 6.0 (6.0)-moz
Die Automatische Silbentrennung funktioniert nur für Sprachen, deren Wörterbücher integriert sind (Liste).
43.0 (43.0)
10.0 -msDie Automatische Silbentrennung funktioniert nur für Sprachen, deren Wörterbücher integriert sind (Liste). ? 5.1-webkit
Funktion Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung ? 6.0 (6.0)-mozDie Automatische Silbentrennung funktioniert nur für Sprachen, deren Wörterbücher integriert sind (Liste).
43.0 (43.0)
? ? ?

Unterstützte Sprachen

Einige Browser unterstützen nur Sprachen, deren Wörterbücher integriert sind:

Sprache Firefox IE
Afrikaans (af) 8.0  
Bulgarisch (bg) 8.0  
Katalanisch (ca) 8.0 10.0
Tschechisch   10.0
Deutsch (Schweiz), Traditionelle Rechtschreibung (de-CH) 8.0  
Dänisch (da) 8.0 10.0
Niederländisch (nl) 8.0 10.0
Englisch (en) ?? 10.0
Englisch (USA) (en-US) 6.0 10.0
Esperanto (eo) 8.0  
Estnisch (et) 8.0  
Finnisch (fi) 8.0  
Französisch (fr) 8.0 10.0
Galizisch (gl) 9.0  
Deutsch, alte Rechtschreibung (de-1901) 8.0 ??
Deutsch, neue Rechtschreibung (de-1996) 8.0 10.0
Ungarisch (hu) 9.0  
Isländisch (is) 8.0  
Interlingua (ia) 8.0  
Italienisch (it) 9.0 10.0
Kurmanji (kmr) 8.0  
Latein (la) 8.0  
Litauisch (lt) 8.0  
Mongolesisch (mn) 8.0  
Norwegisch Bokmål (nb) 8.0 10.0
Norwegisch Nynorsk (nn) 8.0 10.0
Polnisch   10.0
Portugiesisch (pt) 8.0 10.0
Portugiesisch (Brasilien)   10.0
Russisch (ru) 8.0 10.0
Serbo-Kroatisch (sh) 8.0  
Sloweisch (sl) 8.0  
Spanisch (es) 8.0 10.0
Schwedisch (sv) 8.0 10.0
Türkisch (tr) 9.0 10.0
Ukrainisch (uk) 9.0  
Obersorbisch (hsb) 8.0  
Welsh (cy) 8.0  

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

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