CSS Textumbruch

Hyphenation

Mit CSS3 wird endlich der Textumbruch eingeführt. Noch nicht alle Browser unterstützen hyphens. Das Browser-Präfix (-webkit, -moz) ist Voraussetzung.

hyphens bewirk eine automatische Worttrennung über die im HTML-Attribut lang definierte Sprache, oder unterdrückt weiche Trennzeichen, wenn diese im HTML hinterlegt sind.

WERTE:  none | manual | auto

  • none unterdrückt weiche Trennzeichen, wenn per HTML-Entity ­ oder HTML-Entity-Nummer ­ ein bedingter Trennstrich definiert ist.
  • manual (hyphens Default-Wert) weiche Trennzeichen führen zu einer Worttrennung
  • auto aktiviert die automatische Worttrennung nach Regeln der über das HTML-Attribut lang definierten Sprache.
p { 
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto; 

}

Weitere Wortumbruch Spielereien

Weitere neue Wortumbruch Spielereien word-wrap | word-break | text-overflow

verwandte Links