English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут left CSS определяет смещение левого края позиционированного элемента относительно левого края рамки参照ительного элемента или окна браузера.
ДляАбсолютно positionedЭлемент, атрибут left которого определяет расстояние от левого края рамки элемента до левого края содержимого блока.
ДляОтносительно positionedЭлемент, атрибут left которого определяет смещение левого края рамки относительно herself левого края рамки (т.е. рамка определяется в нормальном потоке, а затем смещается по этим свойствам).
Таблица ниже содержит описание использования и историю версий этого атрибута, а также синтаксис использования этого атрибута в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Поддерживается: | Элементы positioning |
| Ингерит: | Нет |
| Анимируемо: | Да.См. также Анимационные атрибуты. |
| Версия: | CSS 2, 3 |
| JavaScript синтаксис: | object.style.left="100px" |
Синтаксис этого атрибута такой:
left: length | percentage | auto | initial | inherit
Ниже приведен пример использования атрибута left.
p {
position: absolute;
left: 150px;
}Протестируйте, посмотрите‹/›Таблица ниже описывает значения этого атрибута.
| Значение | Описание |
|---|---|
| length | Указать смещение в размере, величина измеряется в px, pt, cm, em и т.д., допускаются отрицательные значения. |
| percentage | Указать процентное смещение. Расчет процента производится относительно ширины блока содержимого элемента. Допускаются отрицательные значения percentages. |
| auto | Браузер вычисляет положение левого края. Это значение по умолчанию. |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если задан, то связанный элемент принимает значение атрибута left родительского элемента. |
Совместимость браузеров для атрибута left; числа в таблице показывают минимальную версию браузера, поддерживающего этот атрибут; этот атрибут поддерживается всеми主流ыми браузерами.
|
См. также следующие руководства:CSS положение,CSS слой.
См. также связанные атрибуты:position,top,right,bottom,z-index.