Estilo backgroundColor Propiedad
Ejemplo
Establecer un color de fondo para un documento:
document.body.style.backgroundColor = "red";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad backgroundColor establece o devuelve el color de fondo de un elemento.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devuelve la propiedad backgroundColor:
object.style.backgroundColor
Establezca la propiedad backgroundColor:
object.style.backgroundColor = "color|transparent|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values |
transparent | Default. The background color is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | transparente |
---|---|
Valor devuelto: | Una cadena, que representa el color de fondo. |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Establezca un color de fondo de un elemento <div> específico:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Ejemplo
Devuelve el color de fondo de un elemento <div> específico:
alert(document.getElementById("myDiv").style.backgroundColor);
Ejemplo
Devuelve el color de fondo de un documento:
alert(document.body.style.backgroundColor);
páginas relacionadas
Tutorial CSS: Fondo CSS
Referencia de CSS: propiedad de color de fondo
Referencia HTML DOM: propiedad de fondo