English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @Правила (RULES)

Полный список свойств CSS

Методы использования и примеры CSS margin-left

CSS свойство margin-left устанавливает левую отступ элемента. Однако, в большинстве случаев, какmarginИспользование таких сокращенных свойств CSS удобнее и более предпочтительно.

В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.

Значение по умолчанию:0
Применяется к:Все элементы, кроме table displayэлементам за исключением (table-caption table inline-table). . Оно также применяется к ::first-letter.
Наследование:Нет
Анимируемо:Да.Пожалуйста, обратитесь к: Анимационные свойства.
Версия:CSS 1, 2, 3
JavaScript грамматика:объект.style.marginLeft="20px"

Грамматика использования margin-left

Грамматика этого свойства такая:

margin-left: length | percentage | auto | initial | inherit

Ниже приведен пример того, как использовать свойство margin-left.

  h1 {
   margin-left: 25px;
  }
  p {
   margin-left: 50px;
  }
Проверьте, пожалуйста,‹/›

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

В таблице ниже описаны значения этого свойства.

ЗначениеОписание
lengthЗначение длины, выраженное в px, pt, cm, em и т.д. Допускаются отрицательные значения.
percentageПроцент. Рассчитывается как процент от ширины блока, содержащего элемент.
autoБраузер будет рассчитывать отступ для указанного элемента.
initialУстановить этот параметр в его значение по умолчанию.
inheritЕсли указано, то связанный элемент использует значение свойства margin-left родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства margin-left, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:CSS Margin,CSS Box Model.

Связанные свойства:margin,margin-top,margin-right,margin-bottom.