Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Hyphenation - Silbentrennung

Montag, 19. November 2012

Seit CSS 3 gibt es Hyphenation, die automatische Silbentrennung. Unterstützt wird das von Firefox seit Version 6.0, vom Safari auf OS X und iOS, und vom IE 10.

Die Syntax:
body{ -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}

Meines Wissens funktioniert das in allen o.a. Browsern bisher nur mit dem Vendor-Prefix.

Fließtest sieht damit auf jeden Fall besser aus, selbst wenn noch die eine oder andere "merkwürdige" Trennung passiert. Überschriften mit Silbentrennung gefallen mir jedoch gar nicht. Deshalb schließe ich automatische Silbentrennung für Überschriften aus, durch

h1, h2, h3, h4{-webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual;}

Fallweise ist damit immer noch die manuelle bedingte Trennung durch ­ möglich.



Kommentare

Noch keine Beiträge.

Einen Kommentar abgeben

Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE