Framework: Display |
List Pages quick links Quick Links
Relevant Links |
![]() |
blockDisplays an element as a block element (like <p>). It starts on a new line, and takes up the whole width.
contentsMakes the container disappear, making the child elements children of the element the next level up in the DOM.
flexDisplays an element as a block-level flex container.
flexboxDisplays an element as a block-level flexbox container.
flow rootThe element generates a block container box, and lays out its contents using flow layout.
gridDisplays an element as a block-level grid container.
inlineDisplays an element as an inline element (like <span>). Any height and width properties will have no effect.
inline blockDisplays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values.
inline-flexDisplays an element as an inline-level flex container.
inline-flexboxDisplays an element as an inline-level flex container.
inline-gridDisplays an element as an inline-level grid container.
inline-tableThe element is displayed as an inline-level table.
list-itemLet the element behave like a <li> element.
noneThe element is completely removed.
tableLet the element behave like a <table> element.
table captionLet the element behave like a <caption> element.
table cellLet the element behave like a <td> element.
table columnLet the element behave like a <col> element.
table column groupLet the element behave like a <colgroup> element.
table footer groupLet the element behave like a <tfoot> element.
table header groupLet the element behave like a <thead> element.
table rowLet the element behave like a <tr> element.
table row groupLet the element behave like a <tbody> element.
hiddenThe content is invisible but still occupies the space on the page.
Abbreviations
Supported media
|
NotesAll display classes begin with “dsp” and are separated by a colon from it’s value. See the flexbox framework for display options. |
|