CSS · Layout

display

Selects the layout model for an element and its children. display:none removes it from layout and accessibility.

Syntax
display: block | flex | grid | none

Example

Try it

More in this group

align-content align-items align-self clear flex flex-basis flex-direction flex-grow

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course