Properti background-color CSS

Definisi dan penggunaan

background-color Sifat ini menetapkan warna latar belakang elemen.

Range latar belakang elemen

background-color Tetapkan warna yang penuh untuk elemen. Warna ini akan mengisi kandungan elemen, jarak dalam dan kawasan sempit, meluas sehingga pinggir elemen (tetapi bukan marjin luar). Jika ada bahagian yang terang di pinggir (seperti pinggir garis gurun), warna latar belakang akan keluar melalui bahagian yang terang ini.

nilai transparent

Walaupun kebanyakan keadaan, tiada keperluan untuk gunakan transparentwalau bagaimanapun, jika anda tidak mahu elemen mempunyai warna latar belakang, dan anda tidak mahu pengaturan warna pengguna pengguna mempengaruhi rancangan anda, maka tetapkan transparent Nilai wajib diambil.

Lihat juga:

Panduan CSS:Latar Belakang CSS

Panduan HTML DOM:Sifat backgroundColor

Contoh

Tetapkan warna latar belakang untuk elemen berbeza:

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

Cuba sendiri

Rumus CSS

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

Nilai sifat

Nilai Penerangan
color_name Ditetapkan warna latar belakang yang mempunyai nama warna (contohnya merah).
hex_number Ditetapkan warna latar belakang yang mempunyai nilai heksadesimal (contohnya #ff0000).
rgb_number Ditetapkan warna latar belakang yang mempunyai kod rgb (contohnya rgb(255,0,0)).
transparent Lalai. Warna latar belakang adalah luruh.
inherit Ditetapkan supaya sifat latar belakang warna diwarisi daripada elemen bapa.

Butir teknologi

Nilai lalai: transparent
Inheritsi: no
Versi: CSS1
Rumus JavaScript: object.style.backgroundColor="#00FF00"

Pembiayaan perekap

Terdapat nombor di dalam jadual yang menunjukkan versi perekap yang mendukung sifat ini penuhnya.

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