Los últimos tutoriales de desarrollo web

×

JavaScript Referencia

Visión de conjunto

JavaScript

JS cadena JS Número JS operadores JS declaraciones JS Mates JS Fecha JS Formación JS Boole JS RegExp JS situación general JS Conversión

Navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementos DOM atributos DOM evento DOM Estilo

HTML Objetos

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

otros objetos

CSSStyleDeclaration

Style backgroundColor Property

<Estilo de objeto

Ejemplo

Establecer un color de fondo para un documento:

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

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

Los conjuntos de propiedades backgroundColor o devuelve el color de fondo de un elemento.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
backgroundColor	1.0	4.0	1.0	1.0	3.5

Sintaxis

Devolver la propiedad backgroundColor:

object .style.backgroundColor

Establecer la propiedad backgroundColor:

object .style.backgroundColor=" Valores de propiedad

Valor	Descripción
color	Especifica el color de fondo. Mira valores de color CSS para obtener una lista completa de posibles valores de color
transparent	Defecto. El color de fondo es transparente (underlying content will shine through)
initial	Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit	Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto:	transparente
Valor de retorno:	Una cadena, que representa el color de fondo
Versión CSS	CSS1

Más ejemplos

Ejemplo

Establecer un color de fondo de una específica <div> elemento:

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

Inténtalo tú mismo "

Ejemplo

Devolver el color de fondo de un determinado <div> elemento:

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

Inténtalo tú mismo "

Ejemplo

Devolver el color de fondo de un documento:

alert(document.body.style.backgroundColor);

Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Antecedentes CSS

Referencia CSS: background-color property

Referencia HTML DOM: background property

<Estilo de objeto