CSS/Eigenschaften/hyphens

Browserunterstützung
caniuse.com

Die Eigenschaft hyphens legt das Verhalten für die automatische Silbentrennung fest.

Erlaubte Werte

none

Wörter werden nicht getrennt. Auch dann nicht, wenn sie einen harten (&hyphen oder &#x2010) oder weichen (&shy oder &#x00AD) enthalten.

manual

Wörter können an den Stellen getrennt werden, die durch einen harten oder weichen Trennstrich markiert sind.

auto

Der Browser versucht zunächst, Wörter an den durch harte oder weiche Trennstriche markierten Stellen zu trennen. Bleibt am Zeilenende dennoch zu viel Weißraum, nutzt er das Wörterbuch, das für die mit lang eingestellte Sprache gültig ist, um weitere Trennstellen zu ermitteln. Der genaue Algorithmus ist browserspezifisch.

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

manual

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

nein

Beispiel

p { 
  -webkit-hyphens: auto; 
  hyphens: auto; 
}

für alle Textabsätze wird automatische Silbentrennung eingeschaltet.

Beachten Sie:

• Safari-Versionen vor Version 17 benötigten noch ein Vendorpräfix
• Eine funktionierende deutsche Silbentrennung erhalten Sie nur, wenn Sie das lang-Attribut setzen. Aber das tun Sie ohnehin. Oder? ODER?

Siehe auch

• Typografie/Textformatierung
  • Trennung mit hyphens

Weblinks

• Spezifikation (W3C): hyphens-property
• MDN: hyphens
• Details: caniuse.com