CSS margin (внешний отступ)

Свойство CSS margin определяет пространство вокруг элементов.

margin

Свойство margin очищает область вокруг элемента (внешней границы). У margin нет фонового цвета, и он полностью прозрачен.

Свойство margin может по отдельности изменять верхний, нижний, левый и правый внешние отступы элемента или изменять все свойства сразу.

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

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

Margin — свойства внешнего отступа для отдельных сторон

В CSS можно задать разные внешние отступы для разных сторон:

Margin — сокращённое свойство

Чтобы сократить код, можно указать все свойства margin в одном свойстве с помощью margin. Это называется сокращённым свойством.

Сокращённое свойство для всех свойств margin — этоmargin :

Свойство margin может иметь от одного до четырёх значений.

• margin:25px 50px 75px 100px;
  • верхний внешний отступ равен 25px
  • правый внешний отступ равен 50px
  • нижний внешний отступ равен 75px
  • левый внешний отступ равен 100px
  
  
• margin:25px 50px 75px;
  • верхний внешний отступ равен 25px
  • левый и правый внешние отступы равны 50px
  • нижний внешний отступ равен 75px
  
  
• margin:25px 50px;
  • верхний и нижний внешние отступы равны 25px
  • левый и правый внешние отступы равны 50px
  
  
• margin:25px;
  • Все четыре внешних отступа равны 25px

Другие примеры

Настройка верхнего внешнего отступа текста использует значения в сантиметрах.
Этот пример демонстрирует, как задать верхний внешний отступ текста с помощью значения в сантиметрах.

Задать Используйте процентное значение, чтобы задать нижний внешний отступ текста
Этот пример демонстрирует, как задать нижний отступ с помощью процентного значения относительно ширины содержащего элемента.

Все свойства CSS margin