Propiedad display

La propiedad display - establece la forma en que el navegador muestra un elemento.

Sintaxis

Valores

Valor	Descripción
block	Elemento de bloque.
inline	Elemento en línea.
inline-block	Elemento en línea-bloque.
list-item	El elemento se convertirá en un elemento de lista y aparecerá un marcador de lista delante de él.
flex	Establece el elemento como un bloque, y sus descendientes se convertirán en elementos flex.
inline-flex	Establece el elemento como un elemento en línea-bloque, y sus descendientes se convertirán en elementos flex.
grid	Crea un elemento de cuadrícula (grid).
none	El elemento desaparecerá por completo y todos los demás elementos se comportarán como si este elemento no existiera.
table	El elemento se comportará como una tabla.
table-cell	El elemento se comportará como una celda de tabla.
inline-table	El elemento se comportará como una tabla, pero la tabla es un elemento en línea y otros elementos fluyen alrededor de ella, por ejemplo, texto.
table-caption	El elemento se comportará como la etiqueta caption.
table-column	El elemento se comportará como una columna de tabla.
table-row	El elemento se comportará como una fila de tabla.
table-column-group	El elemento se comportará como la etiqueta colgroup.
table-footer-group	El elemento se comportará como la etiqueta tfoot.
table-header-group	El elemento se comportará como la etiqueta thead.
table-row-group	El elemento se comportará como la etiqueta tbody.
run-in	Establece el elemento como bloque o en línea dependiendo del contexto.

Por defecto, los elementos pueden tener varios valores de display.