Атрибуты: Параметры отступов блочного элемента.

  Атрибуты стилей отступов применяются для установки размеров отступов полей элементов блочных тегов на Web-странице и размеров отступов внутреннего контента элементов этих тегов от границ их полей.
  Внешние отступы.
  Атрибуты:
  
  • margin - Устанавливает все внешние отступы.
  • margin-left - Устанавливает левый внешний отступ.
  • margin-right - Устанавливает правый внешний отступ.
  • margin-top - Устанавливает верхний внешний отступ.
  • margin-bottom - Устанавливает нижний внешний отступ.

Формат:

  1. margin-left|margin-right|margin-top|margin-bottom:
      auto
      |Размер
      |initial
      |inherit
      |unset
  2. margin:
      autoРазмер|initial|inherit|unset
      [autoРазмер|initial|inherit|unset
      [autoРазмер|initial|inherit|unset
      [autoРазмер|initial|inherit|unset]]]

Значения:

  • Размер - Линейная величина с единицей измерения.
      Допустимы отрицательные значения.
  • auto - Нормальный размер отступа (обычно = 0).
      Наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  •  unset – Значения атрибута приводятся к унаследованным значениям, если таковые есть, в противном случае - к значениям по умолчанию.
  •   Если используется общий атрибут margin, то:
    • Одно значение указывает размер отступа со всех сторон.
    •  Из двух значений, первое установит размер отступа сверху и снизу, а второе – слева и справа.
    •  Из трех значений, первое установит величину отступа сверху, второе – слева и справа, а третье – снизу.
    • Четыре значения укажут размеры - сверху, справа, снизу и слева.
  Внутренние отступы.
  Атрибуты:
  
  • padding - Устанавливает все внутренние отступы.
  • padding-left - Устанавливает левый внутренний отступ.
  • padding-right - Устанавливает правый внутренний отступ.
  • padding-top - Устанавливает верхний внутренний отступ.
  • padding-bottom - Устанавливает нижний внутренний отступ.

Формат:

  1. padding-left|padding-right|padding-top|padding-bottom:
      auto
      |Размер
      |initial
      |inherit
      |unset
  2. padding:
      autoРазмер|initial|inherit|unset
      [autoРазмер|initial|inherit|unset
      [autoРазмер|initial|inherit|unset
      [autoРазмер|initial|inherit|unset]]]

Значения:

  • Размер - Линейная величина с единицей измерения.
      Допустимы отрицательные значения.
  • auto - Нормальный размер отступа (обычно = 0).
      Наследуется от тега HTML (inherit на самом верхнем возможном уровне).
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  • initial - Значение атрибута устанавливается в значение по умолчанию.
  •  unset – Значения атрибута приводятся к унаследованным значениям если таковые есть, в противном случае - к значениям по умолчанию.
  •   Если используется общий атрибут padding, то:
    • Одно значение указывает размер отступа со всех сторон.
    •  Из двух значений, первое установит размер отступа сверху и снизу, а второе – слева и справа.
    •  Из трех значений, первое установит величину отступа сверху, второе – слева и справа, а третье – снизу.
    • Четыре значения укажут размеры - сверху, справа, снизу и слева.