Свойство marginLeft

Определение и использование

marginLeft устанавливают или возвращают левый внешний отступ элемента.

Атрибут margin и Атрибут padding Вставляет пространство вокруг элемента. Однако, различие заключается в том, что margin вставляет пространство вокруг рамки, а padding вставляет пространство внутри рамки элемента.

Дополнительная информация:

Урок CSS:Внешние отступы CSS

Руководство CSS:Атрибут margin-left

Руководство HTML DOM:Атрибут margin

Пример 1

Установить левый внешний отступ элемента <div>:

document.getElementById("myDiv").style.marginLeft = "50px";

Попробуйте сами

Пример 2

Вернуть левый внешний отступ элемента <div> в "normal":

document.getElementById("myDiv").style.marginLeft = "0px";

Попробуйте сами

Пример 3

Возврат левого внешнего отступа элемента <div>:

alert(document.getElementById("myDiv").style.marginLeft);

Попробуйте сами

Пример 4

Разница между marginLeft и paddingLeft:

function changeMargin() {
  document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingLeft = "100px";
}

Попробуйте сами

Синтаксис

Возврат атрибута marginLeft:

object.style.marginLeft

Установите атрибут marginLeft:

object.style.marginLeft = "%|length|auto|inherit"

Значение атрибута

Значение Описание
% Определяет левый отступ в процентах от ширины родительского элемента.
length Определяет левый отступ с помощью единицы измерения длины.
auto Браузер устанавливает левый отступ.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Инherits этот атрибут от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: 0
Возвратное значение: Строка, представляющая левую внешнюю отступ.
Версия CSS: CSS1

Браузер поддерживает

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка