display
Defines the internal and external display types of an element. It determines if an element behaves like a block or inline box and how its children are laid out.
It is documented as part of the CSS Display specification.
Syntax
/* Usage Example */
.flex-container {
display: flex;
/* enables flexbox layout for children */
}
.hidden{
display: none;
/* removes element from document flow entirely */
}
/* Global values */
display: inherit;
display: initial;
display: revert;
display: revert-layer;
display: unset;
display Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
1+
1+
1+
12+