margin
Общая информация
С помощью данного свойства устанавливаются внешние отступы элемента от родительского контейнера.
Значения и синтаксис
Значения могут задаваться в числах, процентах или других величинах, используемых в css. Значения могут быть как положительными, так и отрицательными.
- margin: величина || % || auto
Количество значений может быть от одного до четырёх. См. таблицу ниже.
Количество значений | Итог |
1 | Отступы для всех четырёх сторон элемента будут одинаковыми |
2 | Первое значение задаёт отступы сверху и снизу, второе - справа и слева |
3 | Первое значение задаёт отступ сверху, второе - одинаковое справа и слева, третье - снизу |
4 | Первое значение - сверху, второе - справа, третье - снизу, четвёртое - слева |
Некоторая дополнительная информация
Даже если у данного свойства задано 4 значения, например:
- margin: 10px 4px 12px 17px;
в каком то конкретном случае может потребоваться убрать отступ от некоторых краёв, например, снизу и слева. Необязательно переписывать формат свойства. Достаточно будет соответствующее значение заменить на 0 и убрать обозначение единиц измерений.
В данном случае запись получится следующего вида:
- margin: 10px 4px 0 0;