English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad CSS top especifica el borde superior del elemento. Esta propiedad define el desplazamiento entre el borde superior del margen exterior del elemento de posición y el borde superior del contenedor.
Para los elementos de definición relativa, si top y bottom son auto, su valor calculado será 0; si uno de ellos es auto, tomará el número opuesto del otro valor; si ambos no son auto, bottom tomará el número opuesto del valor de top.
Nota: Si el valor del atributo position es "static", la configuración del atributo top no tendrá ningún efecto.
ParaPosicionamiento absolutoElemento, el atributo top especifica la distancia de desplazamiento del borde superior del cuadro en relación con el borde superior del contenedor.
ParaPosicionamiento relativoElemento, el atributo top especifica la cantidad de desplazamiento del borde superior del cuadro en relación con la parte superior del cuadro (es decir, se ha especificado la posición en el flujo normal del cuadro, y luego se desplaza desde esta posición según estos atributos).
La tabla a continuación proporciona una descripción de uso y registro histórico de la versión de esta propiedad, así como la sintaxis de uso en el script JavaScript.
| Valor predeterminado: | auto |
|---|---|
| Aplique a: | Elemento de posicionamiento |
| Herencia: | No |
| Animable: | Sí.Consulte Atributo de animación。 |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.top="60px" |
La sintaxis de esta propiedad es la siguiente:
top: length | percentage | auto | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo top.
p {
position: absolute;
top: 150px;
}Ver aquí‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| length | Numeros en unidades como px, pt, cm, em, etc., se permiten valores negativos. |
| percentage | Especifique la cantidad de desplazamiento en porcentaje. Se calcula el porcentaje en relación con la altura del contenedor del elemento. Se permiten valores de porcentaje negativos. |
| auto | El navegador calcula la posición del borde superior. Este es el valor predeterminado. |
| initial | Establezca esta propiedad en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor del atributo top del elemento padre. |
La compatibilidad del navegador del atributo top, los números en la tabla a continuación representan la versión más baja del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:Posición CSS，Capa CSS。
Propiedades relacionadas:position，left，right，bottom，z-index。