Свойство CSS left

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
3.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.left = '10px';
в данном случае элементу с id='idElement' будет добавлен стиль
left:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="left:10px;">...</div>
Реализация в jQuery
$('#idElement').css('left','10px');
в данном случае элементу с id='idElement' будет добавлен стиль
left:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="left:10px;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задает горизонтальное положение левого края элемента. Положение элемента зависит от значения position самого элемента и его родителя.

1. В случае если у элемента свойство left задано как absolute (абсолютно позиционированных), устанавливает положение левого края:

2. В случае если у элемента свойство left задано как fixed (фиксировано позиционированных), устанавливает положение левого края до до левого края экрана.

3. В случае если у элемента свойство left задано как relative (относительно позиционированных), устанавливает на какое расстояние, элемент перемещается относительно его нормального положения

4. В случае если у элемента свойство left задано как static (статично позиционированных), добавление свойства left ни как не изменяет его положение.

Синтаксис

left: значение | auto | inherit;

Например:

... left: 20px; ...

Значения

значение

Отрицательное, нулевое или положительное значение левого края элемента в пикселях или других единицах измерения CSS

inherit Наследует значение родителя.
auto

Положение элемента не изменяется.

Браузер самостоятельно рассчитывает положение левого края элемента.

Пример

left:0;
left:60px;
left:30%;
left:7em;

Результат

В этом блоке показан пример использования свойства left:0;.