Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad text-overflow especifica el contenido de la forma desbordado que no se muestra debe ser señalizada al usuario.
| Valor por defecto: | clip |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.textOverflow="ellipsis" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos por -O- especifican la primera versión que funcionaba con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9,0 -o- |
sintaxis CSS
text-overflow: clip|ellipsis|string|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| clip | Valor por defecto. Clips del texto | Juegalo " |
| ellipsis | Render puntos suspensivos ("...") para representar texto recortado | Juegalo " |
| string | Hacer que la cadena dada para representar texto recortado | |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Más ejemplos
Texto-desbordamiento con un efecto de la libración
Este ejemplo muestra cómo mostrar todo el texto cuando se ciernen sobre el elemento.
Páginas relacionadas
CSS3 tutorial: Efectos de texto CSS3
Referencia HTML DOM: textOverflow property