Exemplo
Definir a posição de topo de um <button> elemento:
document.getElementById("myBtn").style.top = "100px"; Tente você mesmo " Definição e Uso
A propriedade topo define ou retorna a posição de topo de um elemento posicionado.
Esta propriedade especifica a posição de topo do elemento incluindo estofamento, rolagem, fronteira e margem.
Tip: Um elemento posicionado é um elemento com a propriedade posição conjunto para: relativa e absoluta, ou fixo.
Dica: Para definir ou retornar a posição inferior de um elemento posicionado, use o fundo da propriedade.
Suporte navegador
A propriedade superior é suportado em todos os principais navegadores.
Sintaxe
Devolver a propriedade top:
object .style.top
Defina a propriedade top:
oject .style.top="auto| Valores de propriedade Valor Descrição auto Permite que o navegador definir a posição de topo. Este é o padrão length Define a posição superior em unidades de comprimento. Os valores negativos são permitidos % Define a primeira posição em% da altura do elemento pai 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: auto Valor de retorno: Uma corda, que representa a posição de topo de um elemento posicionado CSS Versão CSS2
mais Exemplos
Exemplo
Usando valores negativos - Defina a posição de topo de um <div> elemento:
document.getElementById("myDiv").style.top = "-100px";
Tente você mesmo "
Exemplo
Retornar a posição de topo de um <div> elemento:
alert(document.getElementById("myDiv").style.top);
Tente você mesmo "
Páginas relacionadas
CSS tutorial: Posicionamento CSS
Referência CSS: top property
<Estilo de objeto