Resumen

La propiedad de CSS text-overflow-ellipsis controla cómo la sugerencia sobre el contenido desbordado que no se muestra se señaliza a los usuarios. La presencia de la pista se controla con la propiedad CSS text-overflow-mode. La propiedad abreviada es text-overflow.

Tabla de descripción general

Valor inicial U+2026 Se aplica a elementos de bloque en línea y de nivel de bloque. valor especificado (excepto inicial y heredado) Propiedad de modelo de objeto animado sin CSS text-overflow-ellipsis Porcentajes N / A

Sintaxis

• text-overflow-ellipsis: string

Valores

cadena El valor se define como una cadena como el carácter UTF-8 predeterminado ‘U + 2026’ o un URI y representa el elipsis de la propiedad text-overflow-mode. Si el valor se define como un URI, muestra la imagen detrás de la URL. También puede establecer ambos valores, lo que significa que determinan la sugerencia visual de desbordamiento al final y la sugerencia después del cuadro del elemento. La última sugerencia visual solo se muestra si hay contenido recortado debido a la limitación de dimensión en el bloque de elementos.

Ejemplos

Ver ejemplo en vivo

Ver ejemplo en vivo

Uso

Notas

Debido a que el valor inicial (U + 2026) de la sugerencia visual de desbordamiento después del cuadro del elemento puede no ser fácilmente renderizado en algunas situaciones, el agente de usuario puede reemplazarlo por una secuencia de 3 caracteres de PARADA COMPLETA (U + 002E).

Consulte también

Atributos CSS

• background-blend-mode

• posicion-fondo

• break-antes

• altura

• estilo de lista

• posición de estilo de lista

• texto-desbordamiento-puntos suspensivos

• text-overflow-mode

• text-rendering

• selección de usuario

• equality

• Selector de atributos

• guion

• prefijo

• subcadena

• sufijo

• Cambio de línea de base

• Animación JavaScript

Texto

• progresión de bloque

• sustitución de idioma de fuente

• tamaño de fuente

• caracteres de límite de guiones

• hyphenate-limit-lines

• hyphenate-limit-zone

• guiones

• modo-tiempo

• cuadrícula de diseño

• cuadrícula de diseño

• layout-grid-line

• layout-grid-mode

• layout-grid-type

• letter-spacing

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• usuario-modificar

• Texto

• tamaño

• b

• b

• br

• br

• título

• cite

• code

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• fuerte

• Lograr efectos tipográficos con la lata vas etiqueta