Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà text-overflow di specifica il contenuto in quanto in overflow che non viene visualizzato deve essere segnalato per l'utente.
| Valore di default: | clip |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.textOverflow="ellipsis" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da -o- specificano la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9,0 -o- |
CSS Sintassi
text-overflow: clip|ellipsis|string|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| clip | Valore di default. Clip il testo | Gioca " |
| ellipsis | Render i puntini di sospensione ("...") per rappresentare il testo troncato | Gioca " |
| string | Rendere la stringa data per rappresentare il testo troncato | |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Testo di overflow con un effetto hover
Questo esempio dimostra come visualizzare l'intero testo quando il mouse sopra l'elemento.
Pagine correlate
CSS3 tutorial: Effetti CSS3 Text
Di riferimento HTML DOM: textOverflow property