tutorial pengembangan web terbaru
 

Style backgroundSize Property

<Style Object

Contoh

Tentukan ukuran gambar latar belakang:

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

Definisi dan Penggunaan

The backgroundSize set properti atau mengembalikan ukuran gambar latar belakang.


Dukungan Browser

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

Nomor diikuti oleh WebKit, Moz atau O menentukan versi pertama yang bekerja dengan awalan.

Milik
backgroundSize 4.0
1.0 Webkit
9.0 4.0
3.6 Moz
4.1
3.0 Webkit
10.5
10,0 O

Sintaksis

Kembali properti backgroundSize:

object .style.backgroundSize

Mengatur properti backgroundSize:

object .style.backgroundSize="auto| Nilai properti
Nilai Deskripsi
auto nilai default. Latar belakang-gambar berisi lebar dan tinggi
length Set lebar dan tinggi dari gambar latar belakang. Nilai pertama set lebar, nilai kedua set ketinggian. Jika hanya satu nilai yang diberikan, kedua diatur ke "auto"
percentage Set lebar dan tinggi dari gambar latar belakang dalam persen dari elemen induk. Nilai pertama set lebar, nilai kedua set ketinggian. Jika hanya satu nilai yang diberikan, kedua diatur ke "auto"
cover Skala gambar latar belakang untuk menjadi sebesar mungkin sehingga daerah latar belakang benar-benar tertutup oleh gambar latar belakang. Beberapa bagian dari gambar latar belakang mungkin tidak dalam pandangan dalam wilayah posisi latar belakang
contain Skala gambar dengan ukuran terbesar sehingga baik lebar dan tinggi yang dapat muat di dalam area konten
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: mobil
Kembali Nilai: Sebuah String, yang mewakili properti background-ukuran elemen
CSS Versi CSS3

Pages terkait

Referensi CSS: background-size property


<Style Object