CSS atribut background-color
contoh
Mengatur warna latar belakang dari elemen yang berbeda:
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
Coba »
Tag definisi dan petunjuk
Properti background-color menetapkan warna latar belakang dari elemen.
Ukuran total dari elemen latar belakang dari elemen, termasuk padding dan perbatasan (tapi tidak termasuk margin).
default: | jelas |
---|---|
warisan: | tidak |
versi: | CSS1 |
sintaks JavaScript: | keberatan object.style.backgroundColor = "# 00FF00" |
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
属性 | |||||
---|---|---|---|---|---|
background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Semua browser utama mendukung properti background-color.
Perhatikan bahwa IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 perlu mendefinisikan! DOCTYPE. IE9 mendukung "warisan."
Tips dan Catatan
Tip: Gunakan latarbelakang dan teks warna untuk membuat teks lebih mudah dibaca.
Nilai properti
nilai | deskripsi |
---|---|
warna | Menentukan warna latar belakang. Dalam nilai warna CSS mungkin untuk menemukan daftar lengkap dari nilai warna. |
jelas | Menentukan warna latar belakang harus transparan. Ini adalah default |
mewarisi | Menentukan warna latar belakang harus diwarisi dari elemen induk |
contoh online
Mengatur bagian dari warna latar belakang teks
Contoh ini menunjukkan bagaimana untuk mengatur bagian dari warna latar belakang teks.
Artikel terkait
CSS tutorial: latar belakang CSS