Закрыть   X

  •    
  •    
Печать

margin

Автор: Алексей Елизаров.

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

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

Значение по умолчанию: 0
Наследуется: нет
Версия: CSS1
Синтаксис JavaScript: object.style.margin="10px 5px"


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

Значение Описание
auto Браузер вычисляет размер автоматически.
размер Указывает размер поля в единицах измерения, поддерживающихся в CSS.
% Задает размер поля в процентах от родительского элемента.
inherit Указывает, что значение наследуется от родительского элемента.

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


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки