CSS/Eigenschaften/text-overflow

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft text-overflow weist auf abgeschnittenen Text hin, z.B. durch Auslassungspunkte.

erlaubte Werte
  • clip, Text wird abgeschnitten
  • ellipsis, "…" zeigen an, dass der Text weitergeht
  • 'string', eine Zeichenkette zeigt an, dass der Text weitergeht
  • initial, setzt es auf den Ausgangswert zurück
  • inherit, Einstellung des Elternelements wird übernommen
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: clip
anwendbar auf alle Blockelemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
#nurso {
  text-overflow: clip; 
}
  
#punkte {
  text-overflow: ellipsis; 
}

#string {
  text-overflow: " bla bla bla"; 
}
 

Weblinks

Siehe auch