CSS3 propiedad text-overflow
Ejemplos
Utilice la propiedad text-overflow:
div.test
{
text-overflow:ellipsis;
}
{
text-overflow:ellipsis;
}
Trate »
En la parte inferior de esta página para más ejemplos.
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
属性 | |||||
---|---|---|---|---|---|
text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
Definiciones de atributos e instrucciones
propiedad text-overflow especifica cuando el texto se desborda el elemento que contiene, lo que debería ocurrir.
Por defecto: | presilla |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.textOverflow = "puntos suspensivos" |
gramática
text-overflow: clip|ellipsis|string;
valor | descripción |
---|---|
presilla | Recorte de texto. |
elipsis | Pantalla apóstrofe para representar texto cuidados. |
cadena | Utilice la cadena dada representa el texto recortado. |
más ejemplos
Hover muestra todo el texto
Este ejemplo demuestra que cuando se pasa el cursor sobre el elemento, la forma de visualizar el texto entero.
Artículos relacionados
CSS3 tutorial: CSS3 los efectos de texto