CSS Display Property Values
inherit
Inherits this property from its parent element.
table-caption
Let the element behave like a <caption> element
table-column
Let the element behave like a <col> element
table-column-group
Let the element behave like a <colgroup> element
list-item
Let the element behave like a <li> element
table
Let the element behave like a <table> element
table-row-group
Let the element behave like a <tbody> element
table-cell
Let the element behave like a <td> element
table-footer-group
Let the element behave like a <tfoot> element
table-header-group
Let the element behave like a <thead> element
table-row
Let the element behave like a <tr> element
contents
Makes the container disappear, making the child elements children of the element the next level up in the DOM
block
Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width
flex
Displays an element as a block-level flex container
grid
Displays an element as a block-level grid container
inline
Displays an element as an inline element (like <span>). Any height and width properties will have no effect
inline-block
Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values
inline-flex
Displays an element as an inline-level flex container
inline-grid
Displays an element as an inline-level grid container
run-in
Displays an element as either block or inline, depending on context
initial
Sets this property to its default value.
none
The element is completely removed
inline-table
The element is displayed as an inline-level table