DisplayMode
A list of all pre-defined display settings.
Block = 2
The element generates a block element box.
Flex = 15
The element behaves like a block element and lays out its content
according to the flexbox model.
Grid = 17
The element behaves like a block element and lay out its content
according to the grid model.
Inline = 1
The element generates one or more inline element boxes.
InlineBlock = 4
The element generates a block element box that will be flowed with
surrounding content as if it were a single inline box (behaving much
like a replaced element would).
InlineFlex = 16
The element behaves like an inline element and lays out its content
according to the flexbox model.
InlineGrid = 18
The element behaves like an inline element and lay out its content
according to the grid model.
InlineTable = 5
he inline-table value does not have a direct mapping in HTML. It
behaves like a table HTML element, but as an inline box, rather than
a block-level box. Inside the table box is a block-level context.
ListItem = 3
The element generates a block box for the content and a separate
list-item inline box.
None = 0
Turns off the display of an element (it has no effect on layout);
all descendant elements also have their display turned off. The
document is rendered as though the element did not exist.
Table = 6
Behaves like the table HTML element. It defines a block-level box.
TableCaption = 7
Behaves like the caption HTML element.
TableCell = 8
Behaves like the td HTML element.
TableColumn = 9
These elements behave like the corresponding col HTML elements.
TableColumnGroup = 10
These elements behave like the corresponding colgroup HTML elements.
TableFooterGroup = 11
These elements behave like the corresponding tfoot HTML elements.
TableHeaderGroup = 12
These elements behave like the corresponding thead HTML elements.
TableRow = 13
Behaves like the tr HTML element.
TableRowGroup = 14
These elements behave like the corresponding tbody HTML elements.