Display enum

The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.

Read more: MDN display

Inheritance
Available extensions

Values

none → const Display

Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off. To have an element take up the space that it would normally take, but without actually rendering anything, use the Visibility property instead.

const Display('none')
block → const Display

The element generates a block box, generating line breaks both before and after the element when in the normal flow.

const Display('block')
inline → const Display

The element generates one or more inline boxes that do not generate line breaks before or after themselves. In normal flow, the next element will be on the same line if there is space.

const Display('inline')
inlineBlock → const Display

The element generates a block box that will be flowed with surrounding content as if it were a single inline box (behaving much like a replaced element would).

const Display('inline-block')
flex → const Display

The element behaves like a block-level element and lays out its content according to the flexbox model.

const Display('flex')
inlineFlex → const Display

The element behaves like an inline-level element and lays out its content according to the flexbox model.

const Display('inline-flex')
grid → const Display

The element behaves like a block-level element and lays out its content according to the grid model.

const Display('grid')
inlineGrid → const Display

The element behaves like an inline-level element and lays out its content according to the grid model.

const Display('inline-grid')
flowRoot → const Display

The element generates a block box that establishes a new block formatting context, defining where the formatting root lies.

const Display('flow-root')
contents → const Display

The element doesn't produce a specific box by itself. It is replaced by their pseudo-box and its child boxes.

const Display('contents')
listItem → const Display

The element generates a block box for the content and a separate list-item inline box.

const Display('list-item')
inherit → const Display
const Display('inherit')
initial → const Display
const Display('initial')
revert → const Display
const Display('revert')
revertLayer → const Display
const Display('revert-layer')
unset → const Display
const Display('unset')

Properties

hashCode int
The hash code for this object.
no setterinherited
index int
A numeric identifier for the enumerated value.
no setterinherited
name String

Available on Enum, provided by the EnumName extension

The name of the enum value.
no setter
runtimeType Type
A representation of the runtime type of the object.
no setterinherited
value String
The css value
final

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() String
A string representation of this object.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited

Constants

values → const List<Display>
A constant List of the values in this enum, in order of their declaration.