English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad CSS position especifica cómo se posiciona el elemento.
La siguiente tabla muestra la explicación de uso y el historial de versiones de este atributo, así como la sintaxis de uso en el script JavaScript.
| Valor por defecto: | static |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Ninguno |
| Animable: | No.Ver: Atributos de animación. |
| Versión: | CSS 2,3 |
| Sintaxis de JavaScript: | object.style.position="absolute" |
Consejo:Los elementos fuera del elemento position se denominan posicionados. Su posición vertical en el entorno de apilamiento se determina por z-atributo index determina.
La sintaxis de este atributo es la siguiente:
static | relative | absolute | fixed | sticky | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo position.
h1 {
position: absolute;
top: 100px;
left: 150px;
}Prueba a ver‹/›Nota: Para tipos de medios de impresión, esta caja se presenta en cada página y está fijada en relación con la caja de la página, incluso si la página se ve a través de una ventana de vista (por ejemplo, en el modo 'vista previa de impresión').
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| static | La caja de este elemento es una caja normal, según el flujo normal. Para cuadros estáticos,top,right,bottom,left, yz-indexEl atributo se ignorará. Este es el valor predeterminado. |
| relative | El elemento se ubica en relación con su posición normal (lo que se llama posición en el flujo normal). |
| absolute | El elemento está ubicado en relación con su primer antepasado que no es estático. |
| fixed | Este elemento está fijado en relación con la ventana de vista del navegador y no se mueve durante el desplazamiento. Al imprimir, el elemento se imprimirá en cada página. |
| sticky | La posición de este elemento es similar a la colocación relativa del cuadro y se 'pegará' a su antepasado más cercano con 'mecanismo de desplazamiento'. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado adopta el valor del atributo position del elemento padre. |
La compatibilidad del navegador del atributo position, los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte la siguiente guía:Ubicación CSS,Capa CSS.