Style backgroundColor ominaisuus

Määritelmä ja käyttö

backgroundColor Aseta tai palauta elementin taustaväri ominaisuus.

Lisäksi:

HTML-tyylitbackground ominaisuus

CSS oppituntioCSS tausta

CSS viittauskirjabackground-color ominaisuus

Esimerkki

Esimerkki 1

Aseta dokumentin taustaväri:

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

Kokeile itse

Esimerkki 2

Aseta tietyn <div> elementin taustaväri:

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

Kokeile itse

Esimerkki 3

Palauta tietyn <div> elementin taustaväri:

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

Kokeile itse

Esimerkki 4

Palauta dokumentin taustaväri:

alert(document.body.style.backgroundColor);

Kokeile itse

Syntaksi

Palauta backgroundColor ominaisuus:

object.style.backgroundColor

Aseta backgroundColor ominaisuus:

object.style.backgroundColor = "color|transparent|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
color

Määrittelee taustavärin.

Tarkista CSS väriarvotsaadaksesi täydellisen luettelon mahdollisista väriarvoista.

transparent Oletus. Taustaväri on läpinäkyvä (ala-aine näkyy läpi).
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä ottaa tämän ominaisuuden arvon. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: transparent
Palautusarvo: Merkistö, joka ilmaisee taustavärin.
CSS-versioona: CSS1

Selaimen tuki

backgroundColor Se on CSS1 (1996) ominaisuus.

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tuki Tuki Tuki Tuki Tuki Tuki