Какое значение свойства 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 — Блочные элементы