Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Позиционирование : left
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут left | Свойство left
Задает расстояние от левого края элемента до левого края его родительского объекта.
Синтаксис
HTML | { left : sPosition } |
Скрипты | [ sPosition = ] object.style.left |
Используемые значения
- sPosition
- Строка, которая может определять и принимать от одно из следующих значений:
- auto
- Значение по умолчанию. Позиция элемента определяется по умолчанию в зависимости от разметки страницы.
- length
- Задается вещественным числом, выраженным в абсолютных (cm, mm, in, pt или pc) или относительных (em, ex или px) единицах измерения.
- percentage
- Числовое значение, выраженное в процентах (%). Процентное отношение высчитывается от ширины родительского объекта.
Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Вы можете использовать атрибут left только тогда, когда задан атрибут position. Иначе, значение атрибута left проигнорируется.
Значение свойства left является строковым, поэтому его нельзя использовать в вычислениях. Вместо него применяйте значения свойств pixelLeft или posLeft.
В качестве родительского элемента для объекта может выступать окно браузера.
Примеры
В следующих примерах используются атрибут left и свойство left для задания позиции объекта.
В первом примере используется атрибут left для задания позиции изображения правее на 100 пикселей от левого края родительского объекта.
<DIV STYLE="position:absolute;left:100px"> <IMG SRC="cone.jpg"></DIV>
Во втором примере используется свойство left для изменения расположения двух изображений по событию onclick.
<BUTTON onclick="cone.style.left='100px'; sphere.style.left='200px'"> . . .</BUTTON>
Стандарты
Это свойство описано в Cascading Style Sheets (CSS), Level 2 (CSS2)
Поддерживаемые браузеры
Internet Explorer 5.5, 6.0, 7.0, 8.0
Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0, 3.5
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530778(VS.85).aspx