English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà word-break CSS viene utilizzata per specificare come trascinare le parole all'interno di una parola.
La tabella sottostante descrive l'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nel script JavaScript.
| Valore predefinito: | normal |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Sì |
| Animabile: | No.Vedere: Proprietà animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | oggetto.style.wordBreak="break-all" |
La sintassi di questa proprietà è la seguente:
Sintassi della proprietà word-break: normal | break-all | keep-all | initial | inherit
Gli esempi seguenti dimostrano come utilizzare la proprietà word-break.
p {
width: 150px;
background: #90ee90;
word-break: break-all;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| normal | Le parole si trascinano secondo le regole abituali. |
| break-all | È possibile trascinare la riga all'interno delle parole. |
| keep-all | Non utilizzare spazi tra lettere accoppiate. È possibile trascinare la riga solo al punto e virgola o trattino. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificata, l'elemento correlato adotta il valore della proprietà word-break del suo elemento padre. |
Compatibilità dei browser per la proprietà word-break; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco i tutorial da consultare:CSS Text.
Proprietà correlate:word-wrap,white-space,text-overflow.