Propriedade display

A propriedade display - define a forma como um elemento é exibido pelo navegador.

Sintaxe

Valores

Valor	Descrição
block	Elemento de bloco.
inline	Elemento em linha.
inline-block	Elemento em linha e de bloco.
list-item	O elemento se tornará um item de lista e um marcador de lista aparecerá antes dele.
flex	Define o elemento como um bloco, e seus descendentes se tornarão elementos flex.
inline-flex	Define o elemento como em linha e de bloco, e seus descendentes se tornarão elementos flex.
grid	Cria um elemento de grade.
none	O elemento desaparecerá completamente e todos os outros elementos se comportarão como se esse elemento não existisse.
table	O elemento se comportará como uma tabela.
table-cell	O elemento se comportará como uma célula de tabela.
inline-table	O elemento se comportará como uma tabela, mas a tabela é um elemento embutido e é envolvida por outros elementos, por exemplo, texto.
table-caption	O elemento se comportará como a tag caption.
table-column	O elemento se comportará como uma coluna de tabela.
table-row	O elemento se comportará como uma linha de tabela.
table-column-group	O elemento se comportará como a tag colgroup.
table-footer-group	O elemento se comportará como a tag tfoot.
table-header-group	O elemento se comportará como a tag thead.
table-row-group	O elemento se comportará como a tag tbody.
run-in	Define o elemento como de bloco ou embutido dependendo do contexto.

Por padrão, os elementos podem ter vários valores de display.