Атрибут style left

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

left устанавливает или возвращает левую позицию элемента позиционирования.

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

Совет:Элементы позиционирования устанавливаются свойством position:relative,absolute или fixed элементов.

Совет:Для установки или возврата правой позиции элемента, используйте Атрибут right.

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

CSS учебник:CSS позиционирование

CSS справочник:Атрибут left

Пример

Пример 1

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

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

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

Пример 2

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

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

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

Пример 3

Использование отрицательного значения - установка левой позиции <div> элемента:

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

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

Пример 4

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

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

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

Синтаксис

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

объект.style.left

Установить left атрибут:

объект.style.left = "auto|length|%|initial|inherit"

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

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

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

значение по умолчанию: auto
возвратное значение: строка, представляющая левую позицию элемента.
версия CSS: CSS2

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

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