Bis anhin war die Silbentrennung mit HTML nicht möglich oder nur durch den Umweg eines JavaScripts. Mit der CSS Eigenschaft «hyphens» kann die Silbentrennung nun aktiviert werden.
body {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
Im Moment unterstützt noch kein Browser die Eigenschaft korrekt. Deshalb gibt es Vendor-Prefixes für Webkit, Microsoft und Mozilla.
Es spricht jedoch aus meiner Sicht nichts dagegen diese Eigenschaft bereits in allen Projekten einzusetzen. Derzeit unterstützt als einziger Opera diese Eigenschaft noch nicht. In Anbetracht seiner Marktverbreitung kann dies aus meiner Sicht vernachlässigt werden. Es ist zudem anzunehmen, dass auch Opera diese Eigenschaft über kurz oder lang unterstützen wird
Opera unterstützt es
Mein aktueller Opera 11.62 (stable) unterstütz die Eigenschaft -o-hyphens problemlos (und nach kurzem Test würde ich die Trennung als gelungen bezeichnen). Auch im stabilen FF (11) gehts, aber im stabilen Chromium 18 bei mir nicht.
Testen lässt sich das zB hier: http://meyerweb.com/eric/css/tests/css3/show.php?p=hyphens
Opera 12.02 auf Windows
Bei mir klappt es nicht (Opera 12.02 auf Windows XP). Und wenn man in HTML in den langen Wörtern soft hyphens setzt (& shy ;), werden die Wörter zwar am Ende der Zeile an der entsprechenden Stelle getrennt – aber ohne den Bindestrich! Sehr seltsam.