display
Utilities for controlling the display box type of an element.
| Utility | Styles |
|---|---|
inline | display: inline; |
block | display: block; |
inline.block | display: inline-block; |
flow.root | display: flow-root; |
flex | display: flex; |
inline.flex | display: inline-flex; |
grid | display: grid; |
inline.grid | display: inline-grid; |
contents | display: contents; |
table | display: table; |
inline.table | display: inline-table; |
table.caption | display: table-caption; |
table.cell | display: table-cell; |
table.column | display: table-column; |
table.column.group | display: table-column-group; |
table.footer.group | display: table-footer-group; |
table.header.group | display: table-header-group; |
table.row.group | display: table-row-group; |
table.row | display: table-row; |
list.item | display: list-item; |
hidden | display: none; |
sr.only | position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border-width: 0; |
not.sr.only | position: static;width: auto;height: auto;padding: 0;margin: 0;overflow: visible;clip-path: none;white-space: normal; |