martes, 19 de febrero de 2013

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:



Desbordamiento de texto CSS3