Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade text-estouro especifica o conteúdo como transbordada que não é exibido deve ser um sinal para o usuário.
| Valor padrão: | clip |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.textOverflow="ellipsis" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguido por O- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6 | 7 | 3.1 | 11.0 9,0-o- |
CSS Syntax
text-overflow: clip|ellipsis|string|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| clip | Valor padrão. Clipes do texto | Jogue " |
| ellipsis | Prestar reticências ("...") para representar texto recortado | Jogue " |
| string | Tornar a string dada para representar texto recortado | |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Text-estouro com um efeito hover
Este exemplo demonstra como para exibir todo o texto quando pairar sobre o elemento.
Páginas relacionadas
Tutorial CSS3: Efeitos CSS3 texto
HTML DOM de referência: textOverflow property