CSS text-overflow Eigenschaft

Definition und Verwendung

Das text-overflow-Attribut legt fest, was passiert, wenn der Text aus dem umgebenden Element hinausgeht.

Siehe auch:

CSS3 Tutorial:CSS3 Texteffekte

HTML DOM Referenzhandbuch:textOverflow-Attribut

Beispiel

Verwenden Sie das text-overflow-Attribut:

div.test
{
text-overflow:ellipsis;
}

Probieren Sie es selbst aus

Mehr Beispiele am Seitenende.

CSS-Syntax

text-overflow: clip|ellipsis|string;

Eigenschaftswert

Wert Beschreibung Test
clip Text abschneiden. Test
ellipsis Zeige das Ellipsenzeichen, um den abgeschnittenen Text zu repräsentieren. Test
string Verwenden Sie die angegebene Zeichenfolge, um den abgeschnittenen Text zu repräsentieren.

Technische Details

Standardwert: clip
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.textOverflow="ellipsis"

Mehr Beispiele

Text-overflow mit Hover-Effekt
Dieses Beispiel zeigt, wie der gesamte Text angezeigt wird, wenn der Cursor auf das Element bewegt wird.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

Zahlen mit -o- zeigen die erste Version mit Präfix.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-