Properti background-color CSS

Rekomendasi kuliah:

Rentang latar belakang elemen Definisi dan penggunaan

Atur warna latar belakang elemen.

Rentang latar belakang elemen background-color

Atur warna tunggal untuk elemen. Warna ini akan mengisi konten, margin internal, dan area border elemen, meluas ke luar batas border elemen (tetapi tidak termasuk margin eksternal). Jika border memiliki bagian transparan (seperti border garis), warna latar belakang akan terlihat melalui bagian transparan ini.

Nilai transparent transparentWalaupun di sebagian besar kasus, tidak perlu menggunakan transparent Nilai masih diperlukan.

Lihat pula:

Panduan CSS:Latar belakang CSS

Panduan HTML DOM:Properti backgroundColor

Contoh

Atur warna latar belakang untuk elemen yang berbeda:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Coba sendiri

Syntax CSS

background-color: color|transparent|initial|inherit;

Nilai properti

Nilai Deskripsi
color_name Ditetapkan warna latar belakang dengan nama warna (seperti red).
hex_number Ditetapkan warna latar belakang dengan nilai heksadesimal (seperti #ff0000).
rgb_number Ditetapkan warna latar belakang dengan kode rgb (seperti rgb(255,0,0)).
transparent Default. Warna latar belakang adalah transparan.
inherit Ditetapkan agar properti background-color diwarisi dari elemen induk.

Detil teknis

Nilai default: transparent
Inheritance: no
Versi: CSS1
Syntax JavaScript: object.style.backgroundColor="#00FF00"

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5