Proprietà CSS text-overflow

Definizione e uso

L'attributo text-overflow definisce cosa accade quando il testo si sovrappone all'elemento contenitore.

Vedi anche:

Guida CSS3:Effetti di testo CSS3

Manuale HTML DOM:Proprietà textOverflow

Esempio

Usare l'attributo text-overflow:

div.test
{
text-overflow:ellipsis;
}

Prova da solo

Più esempi in fondo alla pagina.

Sintassi CSS

text-overflow: clip|ellipsis|string;

Valore dell'attributo

Valore Descrizione Test
clip Tronca il testo. Test
ellipsis Mostra il simbolo di ellisse per rappresentare il testo troncato. Test
string Usare la stringa fornita per rappresentare il testo troncato.

Dettagli tecnici

Valore predefinito: clip
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.textOverflow="ellipsis"

Più esempi

Text-overflow con effetto hover
Questo esempio dimostra come visualizzare tutto il testo quando il cursore fluttua sopra l'elemento.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -o- rappresentano la prima versione con prefisso utilizzata.

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