Propriedade Style top

Definição e uso

top Propriedade que define ou retorna a posição superior do elemento de localização.

Essa propriedade determina a posição superior do elemento, incluindo o recheio, a barra de rolagem, a borda e o margem.

Dica:O elemento de localização é Propriedade position Definir como:relative、absolute ou fixed.

Dica:Para definir ou retornar a posição inferior do elemento de localização, use Propriedade bottom.

Veja também:

Tutorial de CSS:Posicionamento CSS

Manual de referência do CSS:Propriedade top

Exemplo

Exemplo 1

Definir a posição superior do elemento <button>:

document.getElementById("myBtn").style.top = "100px";

Experimente você mesmo

Exemplo 2

Usar valor negativo - definir a posição superior do elemento <div>:

document.getElementById("myDiv").style.top = "-100px";

Experimente você mesmo

Exemplo 3

Retornar a posição superior do elemento <div>:

alert(document.getElementById("myDiv").style.top);

Experimente você mesmo

Sintaxe

Retornar a propriedade top:

object.style.top

Definir a propriedade top:

object.style.top = "auto|length|%|initial|inherit"

Valor da propriedade

Valor Descrição
auto Deixe o navegador definir a posição superior. Padrão.
length Defina a posição superior em unidade de comprimento. Permite valores negativos.
% Defina a posição superior em porcentagem da altura do elemento pai.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: Nenhum
Retorno: Cadeia de caracteres, que representa a posição superior do elemento de localização.
Versão do CSS： CSS2

Navegador suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte