Textüberlauf: `text-overflow`

Beispiel

Legt das Verhalten für Text fest, wenn dieser breiter als das Elerntelement ist. So kannst Du z.B. festlegen, dass der IE den Text nicht umgebricht, sondern abgeschneidet und drei Punkte (...) ans Ende stellt, um anzuzeigen, dass der Text gekürzt wurde. Angewendet wird diese Eigenschaften auf alle Elemente

<div style="width:200px;height:100px;border:1px solid #0000ff;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;">
Dieser Text ist breiter als der <em><div>-Bereich.</em>
</div>

Initialwert:	clip
Vererbbar:	-
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	clip Text wird nur abgeschnitten, aber es werden keine ... angezeigt. ellipsis Text wird abgeschnitten und zusätzlich Punkte angezeigt.

Diese Eigenschaft gehört nicht zum offiziellen Standard des W3C, sondern ist von den Microsoft-Entwicklern für den Internet Explorer eingeführt worden. Browser, die sie nicht kennen, zeigen den Text immer komplett und können das Layout zerstören.