Se ha sombreado en malva los valores de display más utilizaddos y en amarillo los nuevos valores aportados por CSS3:
Valor | Descripción |
none | El elemento no se muestra en absoluto |
box (or flex-box) | El elemento se muestra como una caja de contenedor a nivel de bloque flex |
block | El elemento se muestra como un elemento a nivel de bloque (como párrafos y encabezados) |
flex | El elemento se muestra como una caja de contenedor a nivel de bloque flex |
inline | Esta es la opción predeterminada. El elemento se muestra como un elemento a nivel de línea (como la luz) |
inline-block | El elemento se coloca como un elemento en línea (en la misma línea que el contenido adyacente), pero se comporta como un elemento de bloque |
inline-flex | El elemento se muestra como una caja de contenedor flexible a nivel de línea |
inline-table | El elemento se muestra como un cuadro a nivel de línea |
list-item | El elemento se muestra como una de objetos de lista, lo que significa que tiene una bala en frente de ella |
table | El elemento se muestran como una tabla |
table-caption | El elemento se muestra como un título de la tabla |
table-cell | El elemento se muestra como una celda de la tabla |
table-column | El elemento se muestra como una columna de la tabla |
table-column-group | El elemento se muestra como un grupo de columna de la tabla (como <colgroup>) |
table-footer-group | El elemento se muestra como un grupo de la tabla fila de pie |
table-header-group | El elemento se muestra como un grupo de la tabla fila de encabezado |
table-row | El elemento se muestra como una fila de la tabla |
table-row-group | El elemento se muestra como un grupo de fila de la tabla |
inherit | El valor de la propiedad display se hereda del elemento padre |