Contoh
Mengatur latar belakang warna elemen yang berbeda:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti background-color menetapkan warna latar belakang dari elemen.
Latar belakang dari suatu unsur adalah ukuran total elemen, termasuk padding dan perbatasan (but not the margin) .
Tip: Gunakan warna latar belakang dan warna teks yang membuat teks mudah dibaca.
| nilai default: | transparent |
|---|---|
| mewarisi: | no |
| animatable: | yes. Read about animatable Try it |
| Versi: | CSS1 |
| sintaks JavaScript: | object .style.backgroundColor="#00FF00" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
background-color:color|transparent|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| color | Menentukan warna latar belakang. Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna. | Mainkan " |
| transparent | Menentukan bahwa warna latar belakang harus transparan. Ini adalah default | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Mengatur latar belakang warna dari bagian dari teks:
span.highlight {
background-color: yellow;
}
Cobalah sendiri " Pages terkait
CSS tutorial: CSS Background
Referensi HTML DOM: backgroundColor property