margin

Устанавливает внешние отступы у элемента со всех сторон. Внешний отступ находится за рамкой элемента.

Это короткая запись четырех свойств:
margin-top, margin-right, margin-bottom, margin-left.

Если у margin задано четыре значения, например margin: 10px 20px 30px 40px;, они задают отступ от верхней 10px, правой 20px, нижней 30px и левой 40px границы соответственно.

Если у margin задано три значения, например margin: 10px 20px 30px;, они задают отступ от верхней 10px, правой и левой 20px, нижней 30px границы соответственно.

Если у margin задано два значения, например margin: 10px 20px;, они задают отступ от верхней и нижней 10px, правой и левой 20px границы соответственно.

Если у margin задано одно значение, например margin: 10px;, оно задает отступ от всех границ: верхней, правой, нижней и левой границы по 10px.

Примеры

Значения

Значение	Описание
число	По умолчанию 0. Внешний отступ в единицах измерения (px, em и других).
проценты	Внешний отступ в процентах от родительского блока.
auto	Внешний отступ выбирает браузер, часто используется для центрирования элемента.
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.