Proprietà CSS overflow-wrap

Definizione e uso

overflow-wrap L'attributo specifica se il browser può rimescolare a capo le parole lunghe che superano il contenitore.

Esempio

Permette al browser di rimescolare a capo le parole lunghe che superano il contenitore:

div {
  overflow-wrap: break-word;
}

Prova da solo

Sintassi CSS

overflow-wrap: normal|ovunque|break-word|initial|inherit;

Valore dell'attributo

Valore Descrizione
normal Le parole lunghe non vengono rimesse a capo, anche se superano il contenitore. Valore predefinito.
ovunque Se le parole lunghe superano il contenitore, vengono rimesse a capo.
break-word Se le parole lunghe superano il contenitore, vengono rimesse a capo.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: normal
Ereditarietà: Sì
Creazione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.overflowWrap="normal"

Supporto del browser

Le numeri nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 12.1

Pagine correlate

Lezione:CSS Overflow