Свойство left
Пример style.left
Установить свойство left положение элемента <button>:
document.getElementById("myBtn").style.left = "100px";
Попробуйте сами »
Описание left
Свойство left устанавливает или возвращает левую позицию позиционируемого элемента.
Это свойство определяет левую позицию элемента, включая отступ, полосу прокрутки, границу и поле.
Совет: Позиционированный элемент — это элемент, у которого свойство position имеет следующие значения: относительное, абсолютное или фиксированное.
Совет: Чтобы установить или вернуть правильное положение позиционируемого элемента, используйте свойство right.
Поддержка left
| Свойство | |||||
|---|---|---|---|---|---|
| left | Да | Да | Да | Да | Да |
Синтаксис left
Вернуть свойство left:
object.style.left
Установите свойство left:
object.style.left = "auto|length|%|initial|inherit"
Значение свойства left
| Значение | Описание |
|---|---|
| auto | Позволяет браузеру устанавливать левую позицию. Это значение по умолчанию |
| length | Определяет левую позицию в единицах длины. Отрицательные значения допускаются |
| % | Устанавливает левую позицию в % от ширины родительского элемента. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали left
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая левую позицию позиционируемого элемента. |
| CSS Версия | CSS2 |
Ещё примеры left
Установите свойство left положение элемента <div>:
document.getElementById("myDIV").style.left = "100px";
Попробуйте сами »
Использование отрицательных значений — установка левой позиции элемента <div>:
document.getElementById("myDIV").style.left = "-100px";
Попробуйте сами »
Вернуть свойство left положение элемента <div>:
alert(document.getElementById("myDiv").style.left);
Попробуйте сами »
Связанные страницы left
CSS Учебник: CSS Позиционирование
CSS Справочник: Свойство left