Как задаются внешние отступы в CSS

Внешние отступы в CSS задаются с помощью свойства margin. Оно может принимать от одного до четырёх значений, определяя отступы для всех сторон или для каждой стороны отдельно.

Примеры:

/* Все стороны - 10px */
.element {
  margin: 10px;
}

/* Вертикальные (top/bottom) - 20px, горизонтальные (left/right) - 10px */
.element {
margin: 20px 10px;
}

/* Top - 5px, right - 10px, bottom - 15px, left - 20px */
.element {
margin: 5px 10px 15px 20px;
}

/* Отдельные свойства для каждой стороны */
.element {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

**Особенности:**
- `margin` может принимать отрицательные значения.
- `auto` выравнивает элемент по центру (если задана ширина).
- `margin` схлопывается у соседних элементов (вертикальные отступы объединяются).