Suggest an editImprove this articleRefine the answer for “What does the display property do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`display`** determines how an element behaves in the document flow and what kind of box it forms: block (`block`), inline (`inline`), flexible (`flex`), grid (`grid`), and so on, or hides the element entirely (`none`). **Key point:** `display` controls the box type in the Box Model and determines how the element participates in the page layout.Shown above the full answer for quick recall.Answer (EN)Image`display` determines **how the element behaves in the document flow and what kind of box it forms**. In simpler terms, this property sets the element's display type: block, inline, flexible, inline-block, and so on. Examples of the main values: | Value | What it does | |---|---| | `block` | makes the element block-level, takes the whole line, starts on a new line | | `inline` | makes the element inline, does not break the line, width matches the content | | `inline-block` | inline, but with the ability to set width and height | | `flex` | turns the element into a flex container | | `grid` | turns the element into a grid container | | `none` | fully hides the element and removes it from the flow | **Summary:** `display` is the property that controls the box type in the Box Model and determines how the element participates in the page layout.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.