Properti warna latar belakang CSS
Contoh
Mengatur warna latar belakang untuk halaman:
body {background-color: coral;}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti background-color
mengatur warna latar belakang elemen.
Latar belakang elemen adalah ukuran total elemen, termasuk padding dan border (tetapi bukan margin).
Tips: Gunakan warna latar belakang dan warna teks yang membuat teks mudah dibaca.
Nilai bawaan: | transparan |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | CSS1 |
Sintaks JavaScript: | objek .style.backgroundColor="#00FF00" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaks CSS
background-color: color|transparent|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values. | |
transparent | Specifies that the background color should be transparent. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Lebih Banyak Contoh
Contoh
Tentukan warna latar belakang dengan nilai HEX:
body {background-color: #92a8d1;}
Contoh
Tentukan warna latar belakang dengan nilai RGB:
body {background-color: rgb(201, 76, 76);}
Contoh
Tentukan warna latar belakang dengan nilai RGBA:
body {background-color: rgba(201, 76, 76, 0.3);}
Contoh
Tentukan warna latar belakang dengan nilai HSL:
body {background-color: hsl(89, 43%, 51%);}
Contoh
Tentukan warna latar belakang dengan nilai HSLA:
body {background-color: hsla(89, 43%, 51%, 0.3);}
Contoh
Mengatur warna latar belakang untuk elemen yang berbeda:
body {
background-color: #fefbd8;
}
h1 {
background-color: #80ced6;
}
div {
background-color: #d5f4e6;
}
span {
background-color: #f18973;
}
Halaman Terkait
Tutorial CSS: Latar Belakang CSS
Referensi DOM HTML: properti backgroundColor