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