Справочник по 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

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530778(VS.85).aspx

https://developer.mozilla.org/en/CSS/left

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования