Style background Property

<Style Object

Contoh

Gaya latar belakang dokumen:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Latar belakang set properti atau kembali hingga delapan sifat latar belakang yang terpisah, dalam bentuk singkatan.

Dengan properti ini, Anda dapat mengatur / kembali satu atau lebih hal berikut (dalam urutan apapun):

warna latar belakang
gambar latar belakang
background-repeat
background-attachment
background-position
background-size
background-asal
background-clip

Sifat-sifat di atas juga dapat diatur dengan sifat gaya terpisah. Penggunaan properti terpisah sangat dianjurkan untuk penulis non-canggih untuk pengendalian yang lebih baik.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
background	1.0	4.0	1.0	1.0	3,5

Catatan: Lihat dukungan browser individu untuk setiap nilai di bawah.

Sintaksis

Kembali properti background:

object .style.background

Mengatur properti background:

object .style.background=" Nilai properti

Nilai	Deskripsi
color	Mengatur warna latar belakang dari elemen
image	Mengatur gambar latar belakang untuk elemen
repeat	Menetapkan bagaimana gambar latar belakang akan terulang
attachment	Menentukan apakah gambar latar belakang tetap atau gulungan dengan halaman
position	Mengatur posisi awal dari gambar latar belakang
size	Mengatur ukuran gambar latar belakang
origin	Menetapkan daerah positioning latar belakang
clip	Menetapkan wilayah lukisan gambar latar belakang
initial	Set properti ini ke nilai default. Baca tentang awal
inherit	Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default:	transparan tidak ada repeat scroll 0% 0% auto padding-box border-box
Kembali Nilai:	Sebuah String, yang mewakili latar belakang suatu elemen
CSS Versi	CSS1 + baru properti di CSS3