Style position Property

Exemplo

Alterar a posição de um <div> elemento em relação ao absoluto:

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

Definição e Uso

Os conjuntos de propriedades de posição ou retorna o tipo de método utilizado para o posicionamento de um elemento (static, relative, absolute or fixed) .

Suporte navegador

A propriedade posição é apoiada em todos os principais navegadores.

Sintaxe

Retornar a propriedade position:

object .style.position

Defina a propriedade posição:

Valores de propriedade

Valor	Descrição
static	Elementos torna em ordem, como eles aparecem no fluxo de documentos. Este é o padrão.
absolute	O elemento é posicionado em relação à sua primeira posição (not static) elemento ancestral
fixed	O elemento é posicionado em relação à janela de navegador
relative	O elemento é posicionado em relação à sua posição normal, então "left:20" adiciona 20 pixels para a posição esquerda do elemento
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão:	estático
Valor de retorno:	Uma corda, que representa o tipo de posição de um elemento
CSS Versão	CSS2

mais Exemplos

Exemplo

Utilizando diferentes tipos de posição:

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

Tente você mesmo "