left

Определяет левую горизонтальную позицию элемента. Работает в паре со свойством position.

Для position: relative происходит смещение от изначальной позиции элемента.
Для position: absolute и position: fixed смещение относительно родительского блока.
Для position: sticky смещение работает сначала как для relative, но при прокручивании фиксируется как fixed.
Для position: static не работает.

Если задано одновременно свойство left и right:

Для position: absolute и position: fixed будут учитываться оба свойства, если ширина не задана.
Для position: relative свойство right будет проигнорировано.

Примеры

Значение	Описание
auto	По умолчанию. Блок не перемещается.
расстояние	Расстояние от левого края в px, em и других единицах измерения. Допустимы отрицательные значения. Например: `left: 10px;` `left: -.3em;` `left: 0;`
проценты	Расстояние в процентах от высоты родительского блока. Например: `left: 5%;`
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.

НастольныеМобильные

Chrome

Edge

Firefox

Opera

Safari

Chrome

Firefox

Opera

Safari

Samsung

Android

left

5.5

1.0

Поддерживается: Да