Proprietà display

La proprietà display definisce la modalità di visualizzazione di un elemento da parte del browser.

Sintassi

Valori

Valore	Descrizione
block	Elemento di blocco.
inline	Elemento in linea.
inline-block	Elemento blocco in linea.
list-item	L'elemento diventerà un elemento di lista e prima di esso apparirà un marcatore di lista.
flex	Imposta l'elemento come un blocco, e i suoi discendenti diventeranno elementi flex.
inline-flex	Imposta l'elemento come un elemento blocco in linea, e i suoi discendenti diventeranno elementi flex.
grid	Crea un elemento griglia.
none	L'elemento scomparirà completamente e tutti gli altri elementi si comporteranno come se questo elemento non esistesse.
table	L'elemento si comporterà come una tabella.
table-cell	L'elemento si comporterà come una cella di tabella.
inline-table	L'elemento si comporterà come una tabella, ma la tabella è un elemento inline e avviene il suo flusso attorno ad altri elementi, ad esempio, al testo.
table-caption	L'elemento si comporterà come il tag caption.
table-column	L'elemento si comporterà come una colonna di tabella.
table-row	L'elemento si comporterà come una riga di tabella.
table-column-group	L'elemento si comporterà come il tag colgroup.
table-footer-group	L'elemento si comporterà come il tag tfoot.
table-header-group	L'elemento si comporterà come il tag thead.
table-row-group	L'elemento si comporterà come il tag tbody.
run-in	Imposta l'elemento come blocco o in linea a seconda del contesto.

Per impostazione predefinita, gli elementi possono avere diversi valori di display.