English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background-El elemento del atributo image establece la imagen de fondo. Generalmente se utiliza el atajo de notación abreviadaFondoAtributo más conveniente.
La tabla a continuación resume el contexto de uso y el historial de versiones de esta propiedad.
| Valor predeterminado: | none |
|---|---|
| Aplique a: | Todos los elementos |
| Herencia: | No |
| Animable: | No.Por favor, consulte Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis de JavaScript: | object object.style.backgroundImage="url(image.gif)" |
La sintaxis de este atributo es la siguiente:
background-image: url | none | initial | inherit
Los siguientes ejemplos muestran cómo usar background-Atributo image
body {fondo-image: url("images/pattern.jpg");}Prueba a ver‹/›Advertencia: Internet Explorer 8Y las versiones anteriores no admiten múltiples imágenes de fondo en un solo elemento.
La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| url | La ubicación de la ruta del recurso de imagen utilizado como imagen de fondo. |
| none | Valor predeterminado. Si se especifica, no se mostrará la imagen de fondo. |
| initial | Establezca esta propiedad en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el background del elemento padre-El valor calculado del atributo image. |
background-La compatibilidad del navegador del atributo image, todos los navegadores principales admiten esta propiedad.
|
Por favor, consulte las siguientes instrucciones:Fondo CSS,CSS3Fondo.
Propiedades relacionadas:background,background-attachment,background-color,background-clip,background-origin,background-position,background-repeat,background-size.