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