HTML DOM Style position

Свойство position

Пример style.position

Измените положение элемента <div> с относительного на абсолютное:

document.getElementById("myDIV").style.position = "absolute";

Описание position

Свойство position задает или возвращает тип метода позиционирования, используемого для элемента (статический, относительный, абсолютный или фиксированный).

Поддержка position

Свойство
position	Да	Да	Да	Да	Да

Синтаксис position

Вернуть свойство position:

object.style.position

Установите свойство position:

Значение свойства position

Значение	Описание
static	Элементы отображаются в том порядке, в котором они отображаются в потоке документа. Это значение по умолчанию.
absolute	Элемент позиционируется относительно своего первого позиционированного (не статического) элемента-предка
fixed	Элемент позиционируется относительно окна браузера
relative	Элемент позиционируется относительно своего обычного положения, поэтому "left:20" добавляет 20 пикселей к позиции элемента LEFT
sticky	Элемент позиционируется на основе позиции прокрутки пользователя Липкий элемент переключается между `относительным` и `фиксированным` в зависимости от позиции прокрутки. Он позиционируется относительно, пока заданная позиция смещения не будет достигнута в области просмотра — затем он «застрянет» на месте (например, position:fixed). Примечание: Не поддерживается в IE/Edge 15 или более ранних версиях. Поддерживается в Safari с версии 6.1 с префиксом Webkit.
initial	Устанавливает это свойство в значение по умолчанию. Читайте о initial
inherit	Наследует это свойство от родительского элемента. Читайте о inherit

Технические детали position

Значение по умолчанию:	static
Возвращаемое значение:	Строка, представляющая тип позиции элемента.
CSS Версия	CSS2

Ещё примеры position

Использование различных типов позиций:

function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem = document.getElementById("myDiv");
elem.style.position = posVal;
}

Попробуйте сами »

Вернуть свойство position элемента <h2>:

alert(document.getElementById("myH2").style.position);

Попробуйте сами »