Style left Property

Установите левую позицию <button> элемента:

document.getElementById("myBtn").style.left = "100px";

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

Левые наборы свойств или возвращают левое положение позиционированного элемента.

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

Tip: позиционированный элемент является элементом с позицией набором свойств к: относительному, абсолютному или фиксированному.

Совет: Для того, чтобы установить или вернуть правильную позицию позиционируемый элемент, используйте правую собственность.

Левое свойство поддерживается во всех основных браузерах.

Верните левую свойства:

object .style.left

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

object .style.left="auto| Значения свойств

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

Значение по умолчанию:	авто
Возвращаемое значение:	Строка, представляющая левую позицию элемента, расположенного
CSS версия	CSS2

Установите левую позицию <div> элемент:

document.getElementById("myDIV").style.left = "100px";

Использование отрицательных значений - Установите левую позицию <div> элемент:

document.getElementById("myDIV").style.left = "-100px";

Верните левую позицию <div> элемент:

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