background-size:

Bir arkaplan görüntüsünün boyutunu ayarlamamızı sağlar.

Örnek:

.background-size{
   background: url('http://lorempixel.com/80/60/city/');
    background-size: 80px 60px;
    background-repeat: no-repeat;
    height: 80px;
}

See the Pen ZbmpYJ by W3TR (@w3tr) on CodePen.

Css Sözdizimi

Değer	Açıklama
auto	Arkaplan boyutunu otomatik ayarlar.
length	ilk değer ve ikinci değer genişliği ikinci değer yüksekliği ayarlar. Girilmeyen değer auto olarak tanımlarnır.
percentage	yüzde olarak değerverilebilir. İlk değer genişlik ikinci değer yüksekliktir. Girilmeyen değer auto olarak alınır.
cover	Arkaplan görüntüsünü tamamen kaplar. Fakat bazı görünmeyen bölgeler olacaktır. Ayrıca resmin küçük olması bu kaplamanın görüntüsünü bozabilir.
contain	Arkaplan resmini cover gibi kaplar fakat belirtilen objenin içine sığacak en büyük haline getirir.
initial
inherit

Tarayıcı Desteği

4.0 1.0-webkit	4.0 3.6-moz	9.0	4.1 3.0-webkit	10.5 10.0-o