English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS (RULES)

Completo delle proprietà CSS

Metodi di utilizzo e esempi dell'attributo white-space CSS

L'attributo white-space CSS specifica come gestire gli spazi bianchi all'interno dell'elemento (ad esempio, spazi, tabulazioni e segni di newline).

La tabella seguente fornisce la descrizione dell'uso di questo attributo e la cronologia delle versioni, nonché la sintassi dell'uso di questo attributo nel linguaggio JavaScript.

Valore predefinito:normal
Applicabile a:Tutti gli elementi
Ereditabile:Sì
Animabile:No.Vedere anche Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:object.style.whiteSpace="pre-wrap"

Sintassi dell'uso di white-space

La sintassi di questa proprietà è la seguente:

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

Esempi seguenti dimostrano come utilizzare la proprietà white-space.

　　code　{
　　　white-space:　pre;
　　}
　　p　{
　　　white-space:　nowrap;
　　}
Prova a vedere‹/›

Valore della proprietà

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
normalLe sequenze di spazi vengono ridotte a un singolo spazio. I segni di newline appaiono nei punti in cui viene riempito il riquadro di riga. Questo è il valore predefinito.
nowrapIl testo non viene a capo, il testo continua sulla stessa riga fino a quando non si incontra il tag <br>.
preMantiene le sequenze di spazi bianchi. Le righe vengono interrotte solo nei punti in cui viene mantenuto il segno di newline. Il comportamento è simile al tag <pre> di HTML.
pre-lineUnisce le sequenze di spazi bianchi, ma mantiene i segni di newline.
pre-wrapMantiene le sequenze di spazi bianchi. I segni di newline verranno mantenuti e anche nei punti in cui viene riempito il riquadro di riga.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore della proprietà white-space dell'elemento genitore.

Compatibilità del browser

La compatibilità del browser della proprietà white-space, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Chrome 1+

  • Internet Explorer 4+

  • Safari 1+

  • Opera 4+

Attenzione:Attenzione: Opera 4+, Safari 1+, Internet Explorer 4+, Chrome 1+, Firefox 1+ non supportano il valore pre-line. I valori pre-line, pre-wrap e inherit non sono supportati nelle versioni precedenti di Internet Explorer 7.0.

Leggi di più

Esegui la seguente guida:Formattazione del testo HTML.

Proprietà correlate:letter-spacing,word-spacing.

Proprietà width CSSProprietà visibility CSS