CSS3 background-size Property

Tentukan ukuran gambar latar belakang:

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti background-size menentukan ukuran gambar latar belakang.

nilai default:	auto
mewarisi:	no
animatable:	yes. Read about animatable Try it
Versi:	CSS3
sintaks JavaScript:	object .style.backgroundSize="60px 120px" Try it

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
background-size	4.0 1.0 -webkit-	9.0	4.0 3.6 moz	4.1 3.0 -webkit-	10.5 10,0 -o-

Nilai	Deskripsi	Mainkan
auto	nilai default. Latar belakang-gambar berisi lebar dan tinggi	Mainkan "
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"	Mainkan "
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"	Mainkan "
cover	Skala gambar latar belakang untuk menjadi sebesar mungkin sehingga area latar belakang benar-benar tertutup oleh gambar latar belakang. Beberapa bagian dari gambar latar belakang mungkin tidak dalam pandangan dalam wilayah posisi background	Mainkan "
contain	Skala gambar dengan ukuran terbesar sehingga baik lebar dan tinggi yang dapat muat di dalam area konten	Mainkan "
initial	Set properti ini ke nilai default. Baca tentang awal	Mainkan "
inherit	Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi