latar belakang properti CSS
contoh
Mengatur beberapa gambar latar belakang dalam elemen div (dan menentukan lokasi mereka):
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
Coba »
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 | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Semua browser utama mendukung atribut background.
Perhatikan bahwa IE8 dan versi sebelumnya tidak mendukung pluralitas elemen gambar latar belakang.
Perhatikan bahwa IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 perlu mendefinisikan! DOCTYPE. IE9 mendukung "warisan."
Tag definisi dan petunjuk
Latar belakang properti singkat dapat mengatur semua properti background dalam satu deklarasi.
Properti Anda dapat mengatur adalah: background-color, background-position, background-size, background-repeat, background-asal, background-clip, background-attachment, dan background-image.
Jika di atas hilang nilai, itu tidak masalah, seperti background: # FF0000 URL (smiley.gif); diperbolehkan.
default: | Mengacu pada properti terpisah |
---|---|
warisan: | tidak |
versi: | CSS1 + CSS3 properti baru |
sintaks JavaScript: | keberatan object.style.background = "url merah (smiley.gif) kiri atas no-repeat" |
tatabahasa
nilai | penjelasan | CSS |
---|---|---|
background-color | Menentukan warna latar belakang untuk menggunakan | 1 |
background-position | Menentukan lokasi gambar latar belakang | 1 |
background-size | Menentukan ukuran gambar latar belakang | 3 |
background-repeat | Menentukan bagaimana untuk mengulang gambar latar belakang | 1 |
background-asal | Lokasi area tertentu gambar latar belakang | 3 |
background-clip | Menentukan latar belakang gambar wilayah lukisan | 3 |
background-attachment | Mengatur gambar latar belakang tetap atau bergulir dengan sisa halaman. | 1 |
background-image | Tentukan satu atau beberapa gambar background yang akan digunakan | 1 |
Artikel terkait
CSS tutorial: CSS Background
CSS3 tutorial: Backgrounds CSS3