Style position Property

Przykład

Zmień pozycję <div> elementu z absolutną w stosunku do:

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

Definicja i Wykorzystanie

Zestawy własności pozycji lub zwraca typ metody wykorzystywane do pozycjonowania elementu (static, relative, absolute or fixed) .

Wsparcie przeglądarka

Nieruchomość pozycja jest dostępna we wszystkich głównych przeglądarkach.

Składnia

Zwraca właściwość position:

object .style.position

Ustaw właściwość position:

wartości nieruchomości

Wartość	Opis
static	Renderuje elementy w kolejności, w jakiej występują w obiegu dokumentów. To jest domyślna.
absolute	Element jest umieszczona w stosunku do jego pierwszego umieszczony (not static) elementu przodka
fixed	Element jest umieszczony w stosunku do okna przeglądarki
relative	Element jest umieszczony w stosunku do swojej normalnej pozycji, więc "left:20" dodaje 20 pikseli do pozycji opuścił elementu
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość:	statyczny
Zwracana wartość:	Ciąg reprezentujący typ pozycji elementu
Wersja CSS	CSS2

Więcej przykładów

Przykład

Stosując różne rodzaje pozycji:

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

Spróbuj sam "