Resumo

A propriedade CSS text-overflow-ellipsis controla como a dica sobre conteúdo transbordado que não é exibido é sinalizado para os usuários. A presença da dica é controlada com a propriedade CSS text-overflow-mode. A propriedade abreviada é text-overflow.

Tabela de visão geral

Valor inicial U+2026 Aplica-se a elementos de nível de bloco e bloco embutido Herdado Sem mídia visual Valor calculado valor especificado (exceto para inicial e herdado) Animatable Não CSS Object Model Property text-overflow-ellipsis Porcentagens N / A

Sintaxe

• text-overflow-ellipsis: string

Valores

string O valor é definido como uma string como o caractere UTF-8 padrão ‘U + 2026’ ou um URI e representa o reticências da propriedade text-overflow-mode. Se o valor for definido como URI, ele exibirá a imagem por trás do URL. Você também pode definir os dois valores, o que significa que eles determinam a dica visual de estouro no final e a dica após a caixa do elemento. A última dica visual é exibida apenas se houver conteúdo cortado devido à limitação de dimensão no bloco de elemento.

Exemplos

Veja o exemplo ao vivo

Veja o exemplo ao vivo

Uso

Notas

Como o valor inicial (U + 2026) da dica visual de estouro após a caixa do elemento pode não ser facilmente renderizado em algumas situações, o agente do usuário pode substituí-lo por uma sequência de 3 caracteres FULL STOP (U + 002E).

Veja também

Atributos CSS

• background-blend-mode

• posição de fundo

• break-before

• height

• estilo de lista

• list-style-position

• reticências de estouro de texto

• text-overflow-mode

• text-rendering

• seleção do usuário

• equality

• Seletor de atributos

• hífen

• prefixo

• substring

• suffix

• baseline-shift

• Animação JavaScript

Texto

• progressão de bloco

• font-language-override

• font-size

• hyphenate-limit-chars

• linhas-limite- hifenato

• Zona-limite- hifenato

• hífenes

• ime-mode

• layout-grid

• layout-grid-char

• layout-grid-line

• layout-grid-mode

• layout-grid-type

• letter-spacing

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• modificação do usuário

• Texto

• size

• b

• b

• br

• br

• legenda

• cite

• code

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• forte

• Obtendo efeitos tipográficos com a lata vas tag