Style backgroundColor-attribut

Definition och användning

backgroundColor Ställ in eller returnera bakgrundsfärgen för elementet.

Se också:

HTML-stil:bakgrund-attribut

CSS-tutorial:CSS bakgrund

CSS-referenshandbok:background-color-attribut

Exempel

Exempel 1

Ställ in bakgrundsfärgen för dokumentet:

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

Prova själv

Exempel 2

Ställ in specifika <div>-elementets bakgrundsfärg:

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

Prova själv

Exempel 3

Returnerar specifika <div>-elementets bakgrundsfärg:

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

Prova själv

Exempel 4

Returnerar dokumentets bakgrundsfärg:

alert(document.body.style.backgroundColor);

Prova själv

Syntax

Returnera backgroundColor-attributet:

object.style.backgroundColor

Ställ in backgroundColor-attributet:

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

Attributvärde

Värde Beskrivning
color

bestämmer bakgrundsfärgen.

Se CSS-färgvärdenför en fullständig lista över möjliga färgvärden.
transparent Standard. Bakgrundsfärgen är genomskinlig (bakgrundsinnehållet syns igenom).
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Inheritera detta attribut från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: transparent
Returvärde: en sträng som anger bakgrundsfärgen.
CSS-version: CSS1

Webbläsarstöd

backgroundColor är en CSS1 (1996) egenskap.

Alla webbläsare stöder det fullständigt:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Stödjer Stödjer Stödjer Stödjer Stödjer Stödjer