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