Styl backgroundColor Vlastnost
Příklad
Nastavte barvu pozadí dokumentu:
document.body.style.backgroundColor = "red";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost backgroundColor nastavuje nebo vrací barvu pozadí prvku.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Vraťte vlastnost backgroundColor:
object.style.backgroundColor
Nastavte vlastnost backgroundColor:
object.style.backgroundColor = "color|transparent|initial|inherit"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | průhledný |
---|---|
Návratová hodnota: | Řetězec představující barvu pozadí |
Verze CSS | CSS1 |
Další příklady
Příklad
Nastavte barvu pozadí konkrétního prvku <div>:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Příklad
Vrátí barvu pozadí konkrétního prvku <div>:
alert(document.getElementById("myDiv").style.backgroundColor);
Příklad
Vrátit barvu pozadí dokumentu:
alert(document.body.style.backgroundColor);
Související stránky
CSS tutoriál: CSS pozadí
CSS reference: vlastnost background-color
HTML DOM reference: vlastnost pozadí