Propiedad top de estilo

Definición y uso

top Establece o retorna la posición superior del elemento de ubicación.

Esta propiedad especifica la posición superior del elemento, incluyendo los márgenes internos, las barras de desplazamiento, los bordes y los márgenes.

Consejo：El elemento de ubicación es Propiedad position Establecer como：relative、absolute o fixed。

Consejo：Para establecer o retornar la posición inferior del elemento de ubicación, utilice Propiedad bottom。

Vea también：

Tutoriales de CSS：Posicionamiento de CSS

Manual de referencia de CSS：Propiedad top

Ejemplo

Ejemplo 1

Establecer la posición superior del elemento <button>：

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

Pruebe usted mismo

Ejemplo 2

Usar valores negativos - Establecer la posición superior del elemento <div>：

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

Pruebe usted mismo

Ejemplo 3

Retornar la posición superior del elemento <div>：

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

Pruebe usted mismo

Sintaxis

Retornar la propiedad top：

object.style.top

Establecer la propiedad top：

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

Valor de la propiedad

Valor Descripción
auto Deje que el navegador establezca la posición superior. Predeterminado.
length Defina la posición superior con unidades de longitud. Permite valores negativos.
% Establezca la posición superior en porcentaje de la altura del elemento padre.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial。
inherit Hereda esta propiedad del elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： Ninguno
Valor de retorno： Cadena de caracteres que representa la posición superior del elemento de ubicación.
Versión de CSS： CSS2

Navegador compatible

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte