Atribut Style backgroundColor

Definisi dan penggunaan

backgroundColor Atur atau kembalikan warna latar belakang elemen.

Lihat pula:

Gaya HTML:Atribut background

Panduan CSS:Latar Belakang CSS

Panduan CSS:Atribut background-color

Contoh

Contoh 1

Atur warna latar belakang dokumen:

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

Coba sendiri

Contoh 2

Atur warna latar belakang elemen <div> yang spesifik:

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

Coba sendiri

Contoh 3

Kembalikan warna latar belakang elemen <div> yang spesifik:

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

Coba sendiri

Contoh 4

Kembalikan warna latar belakang dokumen:

alert(document.body.style.backgroundColor);

Coba sendiri

Sintaks

Kembalikan atribut backgroundColor:

object.style.backgroundColor

Atur atribut backgroundColor:

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

Nilai atribut

Nilai Deskripsi
color

Menentukan warna latar belakang.

Lihat Nilai warna CSS, untuk daftar lengkap nilai warna yang mungkin.

transparent Standar. Warna latar belakang adalah transparan (konten bawah akan keluar).
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: transparent
Nilai kembalian: String yang menyatakan warna latar belakang.
Versi CSS: CSS1

Dukungan peramban

backgroundColor Adalah fitur CSS1 (1996).

Semua peramban menolongi penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Dukung Dukung Dukung Dukung Dukung Dukung