Der neue CSS3 Befehl „hyphens“ aktiviert die in modernen Browser integrierte Silbentrennung, die auch nach der englischen Beschreibung als CSS hyphenation bezeichnet wird.
Im Web funktionierte die Silbentrennung bisher – wenn überhaupt – nur auf Basis sehr rechenintensiver JavaScript-Lösungen. Mit CSS3 ist das vorbei: Dem HTML-Element muss nur die neue CSS Anweisung „hyphens: auto;“ zugewiesen werden. Kombinationen mit CSS Befehlen für Schriften sind natürlich möglich.
Beispiel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
.element {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}