CSS/Eigenschaften/text-overflow

Browserunterstützung
caniuse.com

Die Eigenschaft text-overflow weist auf abgeschnittenen Text hin, z.B. durch Auslassungspunkte. text-overflow war ursprüngliche die zusammenfassende Eigenschaft von text-overflow-mode und text-overflow-ellipsis, die es jedoch nicht mehr gibt.

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

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

clip

anwendbar auf

alle Blockelemente

Vererbung

nein

animierbar

nein

Beispiel

#nurso {
  text-overflow: clip; 
}
  
#punkte {
  text-overflow: ellipsis; 
}

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

 

Beachten Sie: text-overflow kann nur wirken, wenn die overflow-Eigenschaft des Containers den Wert hidden, scroll oder auto hat und zudem der automatische Zeilenumbruch durch white-space: nowrap; verboten wird oder der Text eine feste Höhe hat.

Siehe auch

• CSS/Tutorials/Boxmodell/übergroßer Inhalt

Weblinks

• Spezifikation (W3C): text-overflow property
• Details: caniuse.com