Пример
/* Внешний отступ сверху элемента будет 20px, справа 11px, снизу 10px и слева 6px */
p
{
margin:20px 11px 10px 6px;
}
С помощью margin Вы можете можете установить все существующие в CSS свойства внешнего отступа за одно определение.
Свойство margin может иметь от одного до четырех значений:
Заданы четыре значения:
Пример
/* Внешний отступ сверху элемента будет 20px, справа 11px, снизу 10px и слева 6px */
p
{
margin:20px 11px 10px 6px;
}
Заданы три значения:
Пример
/* Внешний отступ сверху элемента будет 20px, справа и слева 40px, снизу 10px */
p
{
margin:20px 40px 10px;
}
Заданы два значения:
Пример
/* Внешний отступ сверху и снизу элемента будет 20px, справа и слева 40px */
p
{
margin:20px 40px;
}
Задано одно значения:
Пример
/* Внешний отступ со всех сторон элемента будет равен 20px */
p
{
margin:20px;
}
| Значение | Описание |
|---|---|
| auto | Браузер автоматически высчитывает величину внешнего отступа. |
| число | Указывает внешний отступ в px, pt, cm, %, и т.д. 0px является значением по умолчанию. |