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