Style backgroundColor ominaisuus
- Edellinen sivu backgroundAttachment
- Seuraava sivu backgroundImage
- Palaa ylös HTML DOM Style-objekti
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";
Esimerkki 2
Aseta tietyn <div> elementin taustaväri:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Esimerkki 3
Palauta tietyn <div> elementin taustaväri:
alert(document.getElementById("myDiv").style.backgroundColor);
Esimerkki 4
Palauta dokumentin taustaväri:
alert(document.body.style.backgroundColor);
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 |
- Edellinen sivu backgroundAttachment
- Seuraava sivu backgroundImage
- Palaa ylös HTML DOM Style-objekti