Atributo text-overflow de CSS

Definición y uso

La propiedad text-overflow especifica qué ocurre cuando el texto se desborda del elemento contenedor.

Véase también:

Tutorial de CSS3:Efectos de texto CSS3

Manual de referencia de HTML DOM:Atributo textOverflow

Ejemplo

Uso del atributo text-overflow:

div.test
{
text-overflow:puntos suspensivos;
}

Pruebe usted mismo

Hay más ejemplos en la parte inferior de la página.

Sintaxis de CSS

text-overflow: clip|puntos suspensivos|cadena;

Valor del atributo

Valor Descripción Pruebas
clip Cortar texto. Pruebas
puntos suspensivos Muestre los puntos suspensivos para representar el texto cortado. Pruebas
cadena Utilice la cadena proporcionada para representar el texto cortado.

Detalles técnicos

Valor predeterminado: clip
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.textOverflow="ellipsis"

Más ejemplos

Text-overflow con efecto hover
Este ejemplo muestra cómo se muestra todo el texto cuando el cursor flota sobre el elemento.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -o- indican la primera versión con prefijo utilizada.

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