Properti background-image CSS
contoh
Latar Belakang elemen body image:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
Coba »
Tag definisi dan petunjuk
Properti background-image menetapkan gambar latar belakang dari elemen.
Ukuran total dari elemen latar belakang dari elemen, termasuk padding dan perbatasan (tapi tidak termasuk margin).
Secara default, background-image ditempatkan di sudut kiri atas dari elemen, dan ulangi secara vertikal dan horizontal.
default: | tak satupun |
---|---|
warisan: | tidak |
versi: | CSS1 |
sintaks JavaScript: | keberatan object.style.backgroundImage = "url (stars.gif)" |
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.
Property | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Perhatikan bahwa IE8 dan browser sebelumnya tidak mendukung beberapa gambar latar belakang pada satu elemen
Perhatikan bahwa IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 perlu mendefinisikan! DOCTYPE. IE9 mendukung "warisan."
Tips dan Catatan
Tip: Pastikan untuk mengatur warna latar belakang, jika gambar tidak tersedia, akan digunakan.
Nilai properti
nilai | penjelasan |
---|---|
url( 'URL') | URL gambar |
tak satupun | Tidak ada gambar latar belakang ditampilkan. Ini adalah default |
mewarisi | Tentukan gambar latar belakang harus diwarisi dari elemen induk |
contoh online
Beberapa gambar latar belakang
Contoh ini menunjukkan dokumen beberapa gambar latar belakang.
Artikel terkait
CSS tutorial: CSS Background
CSS3 tutorial: Backgrounds CSS3