Desbordamiento de texto y text-overflow CSS3

text-overflow es una propiedad CSS3 para el tratamiento del texto que se sale del elemento contenedor provocando un desbordamiento.

Esta propiedad es compatible con  la mayoría de los navegadores.

text-overflow  -> Para todos los navegadores compatibles.

-moz-text-overflow -> Para versiones más antiguas de Firefox.

-webkit-text-overflow -> Para versiones de crhome y safari

-o-word-text-overflow -> Para versiones de Opera

text-overflow: clip | ellipsis | string; <- Sólo una de las tres opciones


clip -> Corta el texto desbordado.
ellipsis -> Corta el texto y pone puntos suspensivos advirtiendo de la continuación de texto.
string -> Adopta la forma de clip.

Ejemplo de uso de text-overflow ...

Texto:
Text Overflow:	clip ellipsis string

Desbordamiento de texto CSS3