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

Corso di base CSS

Modello di contenitore CSS

Corso di base CSS3

Manuale di riferimento CSS

Regole @ CSS

CSS white-space (Spazio bianco)

Proprietà white-space CSSUsato per specificare come visualizzare il contenuto degli elementi. Viene utilizzatoGestione dello spazio bianco all'interno dell'elemento

Valori di spazio bianco CSS

Ci sono molti valori di spazio bianco disponibili per visualizzare il contenuto interno dell'elemento.

ValoreDescrizione
normalQuesto è il valore predefinito. Sotto questo valore, il testo viene a capo se necessario. Le sequenze di spazi bianchi vengono riassunte in un singolo spazio.
nowrapLe sequenze di spazi bianchi vengono riassunte in un singolo spazio. Sotto questo valore, il testo non viene mai a capo nella riga successiva, a meno che non venga utilizzato un tag.
preLo spazio bianco viene conservato dal browser. È come il tag html pre. Il testo viene a capo solo all'inizio di un'intera riga.
pre-lineLe sequenze di spazi bianchi vengono riassunte in un singolo spazio. Il testo viene a capo se necessario e viene a capo online.
pre-wrapLo spazio bianco viene conservato dal browser. Il testo viene a capo se necessario e viene a capo online.
initialQuesta proprietà viene impostata al suo valore predefinito.
inheritQuesta proprietà viene ereditata dal suo elemento padre.

Esempio online white-space CSS

<!DOCTYPE html>
<html>
<head>
<style>
p {
    white-space: nowrap;
}
</style>
</head>
<p>
Scrivi alcune parole. Scrivi alcune parole. Scrivi alcune parole..
Scrivi alcune parole. Scrivi alcune parole. Scrivi alcune parole..
Scrivi alcune parole. Scrivi alcune parole. Scrivi alcune parole..
Scrivi alcune parole. Scrivi alcune parole. Scrivi alcune parole.
Scrivi alcune parole. Scrivi alcune parole. Scrivi alcune parole..
</p>
</html>
Prova a vedere‹/›