Display Properties

Selectors in CSS

Controls the display of the HTML element on UI

Display Property

display: block;
display: inline;
display: inline-block;

display: inherit;
display: initial;
display: revert;
display: unset;

display: none;

block Display:
inline Display:
inline-block Display:
-- doesn't allow width property,
-- doesn't apply margin or padding on top and bottom
none Display:
-- removes element from UI (but not from DOM)

Selectors in CSS

Two value examples:

Display Property

/* Two-value examples */
display: block flow;
display: inline flow;
display: inline flow-root;
display: block flex;
display: inline flex;
display: block grid;
display: inline grid;
display: block flow-root;