Layout Control
suggest changeSyntax
- display: none | inline | block | list-item | inline-list-item | inline-block | inline-table | table | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | flex | inline-flex | grid | inline-grid | run-in | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | contents;
Parameters
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.