Atributo background CSS
- Página anterior backface-visibility
- Página siguiente background-attachment
Definición y uso
background
Las propiedades abreviadas establecen todas las propiedades de fondo en una declaración.
Se pueden configurar las siguientes propiedades:
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
Si no se configura algún valor, no habrá problemas, por ejemplo, background:#ff0000 url('smiley.gif'); también es permitido.
Generalmente se recomienda usar esta propiedad en lugar de usar propiedades individuales, ya que esta propiedad se admite mejor en navegadores más antiguos y se necesitan menos letras para escribir.
Véase también:
Tutoriales de CSS:Fondo CSS、Fondo CSS (avanzado)
Manual de referencia de HTML DOM:Atributo de background
Ejemplo
Cómo establecer todas las propiedades de fondo en una declaración:
body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }
Sintaxis de CSS
background: bg-color bg-image posición/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
Valor del atributo
Valor | Descripción | CSS |
---|---|---|
background-color | Se especifica el color de fondo a usar. | 1 |
background-position | Se especifica la ubicación de la imagen de fondo. | 1 |
background-size | Se especifica el tamaño de la imagen de fondo. | 3 |
background-repeat | Se especifica cómo se repite la imagen de fondo. | 1 |
background-origin | Se especifica el área de ubicación de la imagen de fondo. | 3 |
background-clip | Se especifica el área de dibujo del fondo. | 3 |
background-attachment | Se especifica si la imagen de fondo está fijada o se desplaza con el resto de la página. | 1 |
background-image | Se especifica la imagen de fondo a usar. | 1 |
inherit | Se especifica que debe heredarse la configuración de la propiedad background del elemento padre. | 1 |
Detalles técnicos
Valor predeterminado: | no especificado |
---|---|
Herencia: | no |
Versión: | CSS1 + CSS3 |
Sintaxis de JavaScript: | object.style.background="white url(paper.gif) repeat-y" |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Página anterior backface-visibility
- Página siguiente background-attachment