Atur latar belakang backgroundSize

Definisi dan penggunaan

backgroundSize Pengaturan atau balikkan saiz imej latar belakang.

Lihat juga:

Gaya HTML:Atur latar belakang

Panduan CSS:Latar Belakang CSS

Panduan CSS3:Latar belakang CSS3

Panduan CSS:Atur saiz latar belakang

Contoh

Tetapkan saiz imej latar belakang:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Cuba sendiri

Syarat

Balikkan atur saiz latar belakang:

object.style.backgroundSize

Tetapkan atur saiz latar belakang:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Nilai atur

Nilai Penerangan
auto Nilai lalai. Imej latar belakang mengandungi lebar dan tingginya.
length

Mengatur lebar dan tinggi imej latar belakang.

Nilai pertama mengatur lebar, nilai kedua mengatur tinggi.

Jika hanya diberikan satu nilai, nilai kedua diatur kepada "auto".
percentage

Mengatur lebar dan tinggi imej latar belakang berdasarkan peratusan elemen bapa.

Nilai pertama mengatur lebar, nilai kedua mengatur tinggi.

Jika hanya diberikan satu nilai, nilai kedua diatur kepada "auto".
cover

Mengukur imej latar belakang sehingga sebesar mungkin, supaya kawasan latar belakang sepenuhnya dihalalkan oleh imej latar belakang.

Sebahagian imej latar belakang mungkin tidak berada dalam kawasan lokasi latar belakang.
contain Mengukur imej sehingga saiz maksimum, supaya lebar dan tinggi imej sesuai dengan kawasan kandungan.
initial Tetapkan atur saiz ini kepada nilai lalai. Lihat: initial.
inherit Mewarisi atur saiz ini daripada elemen bapa. Lihat: inherit.

Perincian teknikal

Nilai lalai: auto
Hasil balik: String, menunjukkan elemen Atur saiz latar belakang.
Versi CSS: CSS3

Pendukung pelayar

backgroundSize Adalah ciri CSS3 (1999).

Semua pelayar mengesahkan penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Dukung Dukung Dukung Dukung Dukung 11