Atrybut Style backgroundColor

Definicja i użycie

backgroundColor Ustawienie lub zwrócenie koloru tła elementu.

Zobacz również:

Styl HTML:Atrybut background

Tutorial CSS:Tło CSS

Podręcznik CSS:Atrybut background-color

Przykład

Przykład 1

Ustawienie koloru tła dokumentu:

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

Spróbuj sam

Przykład 2

Ustawienie koloru tła konkretnego elementu <div>:

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

Spróbuj sam

Przykład 3

Zwraca kolor tła konkretnego elementu <div>:

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

Spróbuj sam

Przykład 4

Zwraca kolor tła dokumentu:

alert(document.body.style.backgroundColor);

Spróbuj sam

Gramatyka

Zwraca właściwość backgroundColor:

object.style.backgroundColor

Ustawienie właściwości backgroundColor:

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

Wartość atrybutu

Wartość Opis
color

Określa kolor tła.

Zobacz Wartości kolorów CSS, aby uzyskać pełną listę możliwych wartości kolorów.

transparent Domyślnie. Kolor tła jest przezroczysty (podstawowy treść jest widoczny).
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegółowe informacje techniczne

Domyślna wartość: transparent
Wartość zwracana: ciąg znaków, który reprezentuje kolor tła.
Wersja CSS: CSS1

Wspieranie przeglądarek

backgroundColor jest cechą CSS1 (1996).

Wszystkie przeglądarki wspierają je w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wspiera Wspiera Wspiera Wspiera Wspiera Wspiera