display

display: block | inline | inline-block | flex | grid | none | contents

📝 Описание

Определяет тип отображения элемента. Одно из важнейших свойств CSS, которое влияет на то, как элемент ведёт себя в потоке документа.

Значение по умолчанию: inline

🎯 Возможные значения

  • block — блочный элемент, занимает всю ширину
  • inline — строчный элемент, только по содержимому
  • inline-block — строчный, но с возможностями блочного
  • flex — flex-контейнер
  • grid — grid-контейнер
  • none — элемент полностью скрыт
  • contents — элемент не генерирует блок, но его дети да
.container {
  display: flex;
}

.item {
  display: inline-block;
}

🌐 Поддержка браузеров

Все современные браузеры