CSS свойство margin

Поддержка браузеров

Описание

Свойство margin позволяет управлять размерами полей внешнего отступа и объединяет в себе остальные свойства margin. Поле внешнего отступа - это пустое пространство от внешнего края рамки элемента до внутренней границы родительского элемента.

Свойство margin позволяет установить от 1 до 4 значений. Размер поля устанавливается начиная с верхнего края, если задано только два значения, то первое значение устанавливает размер для верхнего и нижнего поля, а второе для правого и левого.

Примеры:

• margin:10px 5px 15px 20px;
  • Верхнее поле - 10px
  • Правое поле - 5px
  • Нижнее поле - 15px
  • Левое поле - 20px
     
• margin:10px 5px 15px;
  • Верхнее поле - 10px
  • Правое и левое поле - 5px
  • Нижнее поле - 15px
     
• margin:10px 5px;
  • Верхнее и нижнее поле - 10px
  • Правое и левое поле - 5px
     
• margin:10px;
  • Все 4 поля по 10px

Допускаются отрицательные значения полей.

Значения свойства

div#myBox
{
background-color:#1aa5ca;
margin:10px 2px 15px 50px;
}