Proprietà CSS white-space

Definizione e uso

L'attributo white-space definisce come gestire gli spazi all'interno dell'elemento.

Questa proprietà dichiara come gestire gli spazi bianchi all'interno dell'elemento durante il processo di layout. I valori pre-wrap e pre-line sono stati aggiunti nel CSS 2.1.

Vedi anche:

Tutorial CSS:Testo CSS

Manuale di riferimento HTML DOM:Attributo whiteSpace

Esempio

Definisce che il testo nel paragrafo non deve essere rientrato:

p
  {
  white-space: nowrap;
  }

Prova te stesso

Sintassi CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Valore dell'attributo

Valore Descrizione
normale Predefinito. Gli spazi bianchi vengono ignorati dal browser.
pre Gli spazi bianchi vengono mantenuti dal browser. Il comportamento è simile al tag <pre> di HTML.
nowrap Il testo non viene rientrato, il testo continua sulla stessa riga fino a quando non si incontra il tag <br>.
pre-wrap Mantiene le sequenze di spazi bianchi, ma effettua il rientro normale.
pre-line Unisce le sequenze di spazi bianchi, ma mantiene i segni di nuova linea.
inherit Definisce che l'attributo white-space deve essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: normale
Inheritabilità: sì
Versione: CSS1
Sintassi JavaScript: object.style.whiteSpace="pre"

Altri esempi

Disabilitare il rientro del testo all'interno dell'elemento
Questo esempio dimostra come disabilitare il rientro del testo all'interno di un elemento.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5