Propiedad Style backgroundColor

Definición y uso

backgroundColor Configurar o devolver el color de fondo del elemento.

Vea también:

Estilos HTML:Propiedad background

Tutorial CSS:Fondo CSS

Manual de referencia CSS:Propiedad background-color

Ejemplo

Ejemplo 1

Configurar el color de fondo del documento:

document.body.style.backgroundColor = "red";

Pruebe usted mismo

Ejemplo 2

Configurar el color de fondo específico del elemento <div>:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

Pruebe usted mismo

Ejemplo 3

Devuelve el color de fondo específico del elemento <div>:

alert(document.getElementById("myDiv").style.backgroundColor);

Pruebe usted mismo

Ejemplo 4

Devuelve el color de fondo del documento:

alert(document.body.style.backgroundColor);

Pruebe usted mismo

Sintaxis

Devuelve la propiedad backgroundColor:

objeto.style.backgroundColor

Configurar la propiedad backgroundColor:

objeto.style.backgroundColor = "color|transparente|initial|inherit"

Valor de la propiedad

Valor Descripción
color

Define el color de fondo.

Consulte Valores de color CSSpara obtener una lista completa de posibles valores de color.
transparente Predeterminado. El color de fondo es transparente (el contenido subyacente se verá a través de él).
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: transparente
Valor de retorno: Cadena de caracteres que representa el color de fondo.
Versión de CSS: CSS1

Admite el navegador

backgroundColor es una característica de CSS1 (1996).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Apoyo Apoyo Apoyo Apoyo Apoyo Apoyo