Atribut backgroundSize Style

Definisi dan penggunaan

backgroundSize Atur atau kembalikan ukuran gambar latar belakang.

Lihat pula:

Gaya HTML:Atribut background

Panduan CSS:Latar Belakang CSS

Panduan CSS3:Latar belakang CSS3

Panduan CSS:Atribut background-size

Contoh

Tentukan ukuran gambar latar belakang:

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

Coba sendiri

Syarat

Mengembalikan atribut backgroundSize:

object.style.backgroundSize

Mengatur atribut backgroundSize:

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

Nilai atribut

Nilai Deskripsi
auto Nilai standar. Gambar latar belakang mencakup lebar dan tingginya.
length

Mengatur lebar dan tinggi gambar latar belakang.

Nilai pertama mengatur lebar, nilai kedua mengatur tinggi.

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

Mengatur lebar dan tinggi gambar latar belakang berdasarkan persen dari elemen induk.

Nilai pertama mengatur lebar, nilai kedua mengatur tinggi.

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

Mengukur gambar latar belakang hingga yang paling besar, sehingga area latar belakang sepenuhnya di luar gambar latar belakang.

Beberapa bagian gambar latar belakang mungkin tidak berada di dalam area penempatan latar belakang.
contain Mengukur gambar hingga ukuran maksimal, sehingga lebar dan tingginya sesuai dengan area konten.
initial Mengatur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: auto
Nilai kembalian: string, yang menunjukkan elemen Atribut background-size.
Versi CSS: CSS3

Dukungan peramban

backgroundSize adalah fitur CSS3 (1999).

Semua peramban menyanggapinya sepenuhnya:

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