English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Fondo de CSS-La propiedad position establece la posición del elementoFondo-imagenla posición inicial (punto de partida). Utilice abreviaturasFondoLos atributos suelen ser más convenientes.
La siguiente tabla resume el contexto de uso y el historial de versiones de este atributo.
| Valor predeterminado: | 0% 0% |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Ninguno |
| Animaciones posibles: | Sí.Consulte Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis de JavaScript: | object object.style.backgroundPosition="center" |
La sintaxis de este atributo es la siguiente:
Fondo-position: [ percentage | length | left | center | right ] 1 o 2 values | initial | inherit
Los siguientes ejemplos muestran cómo usar background-Atributo position.
p {
Fondo-image: url("images/smiley.png");
Fondo-position: 50% centro;
}Ver aquí‹/›Nota:Si se especifica solo un valor, se asume que el segundo valor es el centro. Si se utilizan dos valores y al menos uno no es un nombre clave, el primer valor representa la posición horizontal, y el segundo valor representa la posición vertical.
La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| bottom | equivalente a la posición vertical100%. |
| center | si no se especifica nada más, es igual a la posición horizontal50%，de lo contrario, proporcione la posición vertical50%. |
| left | equivalente a 0% de la posición horizontal. |
| right | equivalente a la posición horizontal100%. |
| top | La posición vertical es igual a 0%. |
| length | Longitud en píxeles. Por ejemplo, al usar el valor ' 10px 2px10px, mientras que en la esquina inferior izquierda del cuadro20px. |
| percentage | Porcentaje del tamaño del elemento. Por ejemplo, al usar el valor '0% 0%', la esquina superior izquierda de la imagen se alinea con la esquina superior izquierda del cuadro del elemento. |
| initial | Establezca esta propiedad en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor calculado del atributo fondo del elemento padre-position. |
Fondo-La compatibilidad del atributo position entre navegadores, todos los navegadores principales admiten esta propiedad.
|
Por favor, consulte los siguientes tutoriales:Fondo de CSS,CSS3Fondo.
Atributos relacionados:Fondo,Fondo-attachment,Fondo-color,Fondo-clip,Fondo-imagen,Fondo-origin,Fondo-repeat,Fondo-Tamaño.