Какие свойства есть у div

«Какие свойства есть у div» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

div — это блочный элемент без семантического значения. Основные свойства:

CSS-свойства по умолчанию:

display: block;
width: auto; /* растягивается на всю ширину родителя */
height: auto; /* подстраивается под содержимое */
margin: 0; /* нет отступов по умолчанию */

Доступные для изменения свойства:

  • Блочная модель: width, height, margin, padding, border
  • Позиционирование: position, top, left, z-index и др.
  • Флекс/Грид: display: flex/grid, align-items, justify-content и др.
  • Фон: background-color, background-image
  • Тень: box-shadow
  • Трансформации: transform, transition
  • И многие другие — div поддерживает почти все CSS-свойства.

Пример использования:

<div style="width: 200px; height: 100px; background: lightblue; border-radius: 8px;">
  Простой блок
</div>