Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить властивість display?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`display`** визначає, як елемент поводиться в потоці документа і яку коробку формує: блокову (`block`), рядкову (`inline`), гнучку (`flex`), сітчасту (`grid`) тощо, або приховує елемент повністю (`none`). **Ключове:** `display` керує типом коробки в Box Model і визначає участь елемента в розкладці сторінки.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`display` визначає, **як елемент поводиться в потоці документа і яку коробку (box) формує**. Простіше кажучи, ця властивість задає тип відображення елемента: блоковий, рядковий, гнучкий, блоково-рядковий тощо. Приклади основних значень: | Значення | Що робить | |---|---| | `block` | робить елемент блоковим, займає весь рядок, починається з нового рядка | | `inline` | робить елемент рядковим, не розриває рядок, ширина за вмістом | | `inline-block` | рядковий, але з можливістю задавати ширину і висоту | | `flex` | перетворює елемент на flex-контейнер | | `grid` | перетворює елемент на grid-контейнер | | `none` | повністю приховує елемент і прибирає його з потоку | **Підсумок:** `display`, це властивість, яка керує типом коробки в Box Model і визначає, як елемент братиме участь у розкладці сторінки.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.