A propriedade CSS text-overflow

Definição e uso

A propriedade text-overflow define o que acontece quando o texto transborda o elemento contido.

Veja também:

Tutorial do CSS3:Efeitos de texto CSS3

Manual do HTML DOM:Atributo textOverflow

Exemplo

Uso do atributo text-overflow:

div.test
{
text-overflow:ellipsis;
}

Experimente você mesmo

Mais exemplos no rodapé da página.

Sintaxe do CSS

text-overflow: clip|ellipsis|string;

Valor do atributo

Valor Descrição Teste
clip Cortar o texto. Teste
ellipsis Exibir o sinal de omissão para representar o texto cortado. Teste
string Use a string fornecida para representar o texto cortado.

Detalhes técnicos

Valor padrão: clip
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.textOverflow="ellipsis"

Mais exemplos

Text-overflow com efeito hover
Este exemplo demonstra como exibir todo o texto quando o cursor flutuar sobre o elemento.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -o- indicam a primeira versão com prefixo usada.

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