English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo text-overflow CSS determina quando il contenitore di testo overflow ha visibilità (invece di visibilità)overflowcome visualizzare il contenuto del testo per l'elemento del contenitore bloccante.
La tabella sottostante fornisce una descrizione dell'uso di questa proprietà e la cronologia delle versioni, nonché la sintassi di utilizzo di questa proprietà nei script JavaScript.
| Valore predefinito: | clip |
|---|---|
| Applicabile a: | Contenitore bloccante |
| Ereditarietà: | Nessuno |
| Animabile: | No.Vedere: Proprietà animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | oggetto.style.textOverflow="ellipsis" |
Attenzione:Ad esempio, se l'elemento è impostato su nowrap e lo spazio bianco o la parola singola è troppo lunga per essere contenuta, il testo potrebbe fuoriuscire, causando un overflow di testo.
La sintassi di questa proprietà è la seguente:
text-overflow: clip | ellipsis | string | initial | inherit
L'esempio seguente dimostra come utilizzare l'attributo text-overflow.
p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| clip | Taglia il testo che si adatta al contenuto del testo. I caratteri possono essere solo parzialmente visualizzati. |
| ellipsis | Usa il carattere di ellisse ('...') per sostituire il testo tagliato. |
| string | Usa una stringa data per rappresentare il testo tagliato. Questa stringa viene visualizzata all'interno dell'area di contenuto, riducendo la dimensione del testo visualizzato. Se non c'è abbastanza spazio per visualizzare la stringa, verrà tagliata. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore dell'attributo text-overflow del suo elemento padre. |
Compatibilità dei browser per l'attributo text-overflow, i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questo attributo.
|
Attenzione: Internet Explorer supporta la versione preceduta dal prefisso -ms-text-overflow di text-overflow. Opera 9 e 10 supportano la versione con prefisso -o-text-overflow.
Per ulteriori informazioni, consulta i tutorial relativi ai seguenti argomenti:CSS OverfloweCSS Text.
Proprietà correlate con il testo:letter-spacing,text-align,text-decoration,text-indent,text-shadow,text-transform,white-space,word-spacing.