Свойство margin сокращенный способ задать следующие параметры: margin-top, margin-right, margin-bottom и/или margin-left. Margin - это внешнее пространство между бордюром и невидимой границей прямоугольника. (См. подробнее Блочная модель (Box Model) - основа CSS В примере ниже, это пространство обозначено зеленым цветом.

Пример

Возможные значения

Одно, два, три или четыре следующих значения:

ширина (задается в стандартных единицах длины),

процент% (задается процент от родительского элемента),

auto (расстояние будет рассчитываться браузером автоматически).

Данное свойство предполагает использование от 1 до 4 значений одновременно, что повлечет за собой следующее:

• Если для свойства margin будет указано одно значение - оно будет применено ко всем сторонам элемента.
• Если для свойства margin будет указано два значения - первое будет применено для верхней и нижней границ элемента, второе - для левой и правой.
• Если для свойства margin будет указано три значения - первое будет применено для верхней границы, второе - для правой и левой границ, третье - для нижней границы.
• Если для свойства margin будет указано четыре значения - первое будет применено для верхней границы, второе - для правой границы, третье - для нижней границы, четвертое - для левой границы.

inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Применяется: К большинству элементов

Наследуется: Нет

См. также
margin-bottom
margin-left
margin-right
margin-top