Свойство CSS left

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

Свойство left определяет левый край элемента. Это свойство определяет смещение внешней границы левого поля элемента от левого края содержащего блока.

Комментарии:Если значение свойства position равно "static", то установка свойства left не имеет эффекта.

Описание

Для элементов static, значение auto; для значений длины, соответствующие абсолютные значения; для процентных значений, заданные значения; в противном случае auto.

Для относительных элементов определения, значение left всегда равно right.

См. также:

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

HTML DOM справочник:Свойство left

Пример

Установите левый край изображения в положении, на 100 пикселей вправо от левого края содержащего элемента:

img
  {
  position:absolute;
  left:100px;
  }

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

CSS синтаксис

left: auto|length|initial|inherit;

Значение свойства

Значение Описание
автоматически Значение по умолчанию. Расчет位置的 левого края выполняется браузером.
% Установка левого края элемента в процентах от ширины содержащего элемента. Могут использоваться отрицательные значения.
length Установка левого края элемента с использованием единиц измерения px, cm и т.д. Могут использоваться отрицательные значения.
inherit Определяет, что значение свойства left должно быть принято от родительского элемента.

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

Значение по умолчанию: автоматически
Ингеритность: нет
Версия: CSS2
JavaScript синтаксис: object.style.left="100px"

Более примеров

Установка левого края изображения с использованием фиксированного значения
Этот пример демонстрирует, как использовать фиксированное значение для установки левого края изображения.
Установка левого края изображения с использованием процента
Этот пример демонстрирует, как использовать процентные значения для установки левого края изображения.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0