Value | Effect ———————: | ———————–– 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.