margin

Общая информация

С помощью данного свойства устанавливаются внешние отступы элемента от родительского контейнера.

Значения и синтаксис

Значения могут задаваться в числах, процентах или других величинах, используемых в css. Значения могут быть как положительными, так и отрицательными.

  1. margin: величина || % || auto   

Количество значений может быть от одного до четырёх. См. таблицу ниже.

Количество значений Итог
1 Отступы для всех четырёх сторон элемента будут одинаковыми
2 Первое значение задаёт отступы сверху и снизу, второе - справа и слева
3 Первое значение задаёт отступ сверху, второе - одинаковое справа и слева, третье - снизу
4 Первое значение - сверху, второе - справа, третье - снизу, четвёртое - слева

Некоторая дополнительная информация

Даже если у данного свойства задано 4 значения, например:

  1. margin10px 4px 12px 17px;  

в каком то конкретном случае может потребоваться убрать отступ от некоторых краёв, например, снизу и слева. Необязательно переписывать формат свойства. Достаточно будет соответствующее значение заменить на 0 и убрать обозначение единиц измерений.

В данном случае запись получится следующего вида:

  1. margin10px 4px 0 0;  

отступы

Добавить комментарий

Имя*
Ответ*