HTML DOM Style marginLeft

Свойство marginLeft

Пример style.marginLeft

Установите свойство marginLeft для элемента <div>:

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

Описание marginLeft

Свойство marginLeft задает или возвращает левое поле элемента.

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

Поддержка marginLeft

Свойство
marginLeft	Да	Да	Да	Да	Да

Синтаксис marginLeft

Вернуть свойство marginLeft:

object.style.marginLeft

Установите свойство marginLeft:

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

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

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

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

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

Ещё примеры marginLeft

Измените левое поле элемента <div> обратно на "нормальное":

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

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

Вернуть свойство marginLeft элемента <div>:

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

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

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

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

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

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