none | Hide the element and prevent it from occupying space. |
block | Block element, occupy 100% of the available width, break after element. |
inline | Inline element, occupy no width, no break after element. |
inline-block | Taking special properties from both inline and block elements, no break, but can have width. |
inline-flex | Displays an element as an inline-level flex container. |
inline-table | The element is displayed as an inline-level table. |
grid | Behaves like a block element and lays out its content according to the grid model. |
flex | Behaves like a block element and lays out its content according to the flexbox model. |
inherit | Inherit the value from the parent element. |
initial | Reset the value to the default value taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. |
table | Behaves like the HTML table element. |
table-cell | Let the element behave like a <td> element |
table-column | Let the element behave like a <col> element |
table-row | Let the element behave like a <tr> element |
list-item | Let the element behave like a <li> element. |
