Ejemplo
Establecer la posición de la parte superior de un <button> elemento:
document.getElementById("myBtn").style.top = "100px"; Inténtalo tú mismo " Definición y Uso
La propiedad superior establece o devuelve la posición superior de un elemento posicionado.
Esta propiedad especifica la posición de la parte superior del elemento de protección incluidos, barra de desplazamiento, bordes y márgenes.
Tip: Un elemento posicionado es un elemento con la propiedad posición de ajuste a: relativo, absoluto, o fijo.
Consejo: para establecer o devolver la posición inferior de un elemento posicionado, utilice la parte inferior de propiedad.
Soporte del navegador
La propiedad top es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad arriba:
object .style.top
Establecer la propiedad de la parte superior:
oject .style.top="auto| Valores de propiedad Valor Descripción auto Permite configurar el navegador de la primera posición. Esto es por defecto length Define la posición superior en unidades de longitud. Los valores negativos se les permite % Establece la primera posición en% de la altura del elemento padre initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: auto Valor de retorno: Una cadena, que representa la posición superior de un elemento posicionado Versión CSS CSS2
Más ejemplos
Ejemplo
El uso de valores negativos - Establecer la posición de la parte superior de un <div> elemento:
document.getElementById("myDiv").style.top = "-100px";
Inténtalo tú mismo "
Ejemplo
Devuelve la posición superior de un <div> elemento:
alert(document.getElementById("myDiv").style.top);
Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: Posicionamiento CSS
Referencia CSS: top property
<Estilo de objeto