English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad background de CSS es una abreviatura para establecer varios atributos de fondo, es decir, una abreviatura de atajos, y fondo-imagen,fondo-ubicación,fondo-tamaño,fondo-repetir,fondo-attachment,fondo-origen,fondo-cortarYfondo-color Estas declaraciones de atributos individuales.
La siguiente tabla resume el contexto de uso y el historial de versiones de este atributo.
| Valor predeterminado: | Ver todos los valores de los atributos |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Ninguno |
| Animable: | Sí, porque ciertos atributos de la abreviatura pueden establecer animaciones.Por favor, consulte: Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis en JavaScript: | object object.style.background="red url(smiley.gif) top left no-repeat" |
La sintaxis de este atributo es la siguiente:
background: [ image position/tamaño repetir attachment origen cortar color] | inicial | inherit
Nota:Si falta o se omite cualquier atributo enumerado anteriormente, se inserta el valor predeterminado del atributo (si lo hay). Para más detalles, consulte cada atributo.
El siguiente ejemplo muestra cómo usar el atributo background.
body {fondo: #ffff00 url("smiley.png") no-repetir fijo centro;}Prueba aquí‹/›En CSS3En, también puede agregar múltiples fondos a un solo elemento. Los fondos se superponen unos sobre otros a lo largo del eje z.
.box {
width: 100%;
height: 500px;
background: url("images/birds.png") no-repetir centro,url("images/clouds.png") no-repetir centro,lightblue;
}Prueba aquí‹/›La siguiente tabla describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| fondo-attachment | Especificar si el fondo se desliza con el documento o se mantiene fijo en la zona de visualización. |
| fondo-color | Establecer el color de fondo del elemento. |
| fondo-cortar | Especificar la región de dibujo del fondo. |
| fondo-imagen | Establecer una o más imágenes de fondo para un elemento. |
| fondo-origen | Especificar la región de ubicación de la imagen de fondo. |
| fondo-ubicación | Establecer la posición inicial de la imagen de fondo. |
| fondo-repetir | Especificar cómo se repite la imagen de fondo después de definir su tamaño y posición. |
| fondo-tamaño | Especificar el tamaño de la imagen de fondo. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor calculado del atributo background del elemento padre. |
Compatibilidad del atributo background de los navegadores, todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:Fondo de CSS,CSS3Fondo.
Propiedades relacionadas:fondo-attachment,fondo-color,fondo-cortar,fondo-imagen,fondo-origen,fondo-ubicación,fondo-repetir,fondo-tamaño.