Свойство left указывает смещение позиционированного элемента относительно левого края. Как именно свойство left будет смещать элемент, зависит от конкретного значения свойства :
- Элемент с фиксированным позиционированием (position: fixed;) смещается влево/вправо относительно левого края окна браузера.
- Элемент с абсолютным позиционированием (position: absolute;) смещается влево/вправо относительно левого края его первого позиционированного (не static) элемента предка. Если у элемента нет предка с позиционированием (relative, absolute или fixed), тогда он будет смещаться относительно левого края окна браузера.
- Элемент с относительным позиционированием (position: relative;) смещается влево/вправо относительно левого края его текущей позиции.
- Для элемента со статическим позиционированием (position: static;) применение свойства left не даст никакого эффекта.
Примечание: допускается использование отрицательных значений.
| Значение по умолчанию: |
auto |
| Наследуется: |
нет |
| Версия: |
CSS2 |
| Синтаксис JavaScript: |
object.style.left="50px" |
| Значение |
Описание |
| auto |
Браузер автоматически вычислит положение левого края. |
| расстояние |
Определяет расстояние от левого края в единицах измерения, поддерживающихся в CSS. |
| % |
Расстояние смещения от левого края указанное в процентах вычисляется в зависимости от ширины окна браузера (области просмотра) или от ширины элемента предка ( + ). |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
|