CSS Маржа (Margin)

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

маржа

ясно запас вокруг элементов (за пределами границ) области. Запас нет цвет фона не является полностью прозрачным

маржа может быть изменен на отдельные элементы, снизу, слева и справа. Кроме того, можно изменить сразу все свойства.

значение	объяснение
автоматический	Установите поля браузера. Результат будет зависеть от браузера
длина	Определить фиксированную маржу (используя пиксель, пт, EM и т.д.)
%	Определяется с помощью процентной маржи

замечание Маржа может использовать отрицательное перекрывающийся содержание.

<H2Margin - одностороннее маржа недвижимость

В CSS, он может указать другую сторону различных полях:

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Для сокращения кода, можно использовать все свойства полей в одно свойство заданного предела. Это называется сокращенным свойством.

Сокращённое свойство для всех свойств полей является "запас":

margin:100px 50px;

Маржа свойство может иметь от одного до четырех значений. / P>

Маржа: 25px 50px 75px 100px;
- На полях 25px
- Правое поле для 50px
- Нижнее поле составляет 75px
- Левый край 100px
Маржа: 25px 50px 75px;
- На полях 25px
- Левого и правого поля к 50px
- Нижнее поле составляет 75px
Запас: 25px 50px;
- Верхний и нижний края к 25px
- Левого и правого поля к 50px
Запас: 25px;
- Все четыре поля являются 25px

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

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

свойство	описание
маржа	Сокращённое свойство. Установить все свойства полей в одной декларации.
краю дна	Установка вне элемента.
Маржа налево	Элемент в левом поле.
Маржа правый	Элемент правого края.
Верхнее поле	Элемент устанавливается на полях.