position

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

Краткая информация:
Значение по умолчанию static
НаследуетсяДа
ПрименяетсяКо всем элементам, за исключением генерируемых
Ссылка на спецификацию http://www.w3.org/TR/CSS21/visuren.html#propdef-position

Синтаксис CSS свойства:

position: absolute | fixed | relative | static | inherit

Значения CSS свойства:

absolute - Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position у родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.

fixed - По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Браузер Firefox вообще не отображает полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента.

relative - Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.

static - Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам.

inherit - Наследует значение родителя.

Объектная модель CSS свойства:

[window.]document.getElementById("elementID").style.position

Особенности отображения в браузерах:

Браузер Internet Explorer 6 значение fixed не поддерживает. Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU