PassFront
  1. PassFront
  2. База знаний
  3. Теги и их категории

Какое значение свойства display у div по умолчанию?

Теги и их категории

У div по умолчанию `display: block`.

Что это значит

  • начинается с новой строки;
  • занимает всю доступную ширину родителя;
  • высота — по содержимому;
  • принимает width, height, margin и padding со всех сторон.

Сравнение

  • span по умолчанию — display: inline;
  • li — list-item;
  • table — table;
  • button, input — inline-block.

Как проверить

DevTools → Computed → display или в коде:

getComputedStyle(document.querySelector('div')).display; // 'block'

Коротко для собеседования

display: block — с новой строки, на всю ширину родителя, с поддержкой всех размеров и отступов.

Подробнее: MDN — Блочные элементы

Другие вопросы раздела