background-image:

Objeye arkaplan resmini atamamızı sağlar.

Örnek:

.background-image {
    height: 200px;
    width: 400px;
    background-image: url('http://lorempixel.com/400/200/city/');
}

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

Not: Bu şekilde vermemiz durumunda kendini sürekli olarak hem sağa hemde aşağıya doğru o obje içinde tekrarlayacaktır. Bunuda  ‘background-repeat’ başlığı altında kısıtlamanız mümkün olacaktır. Ayrıca resmin konumunu ayarlamak içinde ‘background-position’ başlığını ve boyutunu değiştirmek içinde ‘background-size’ başlıklarını incelemenizi öneririz.

Css Sözdizimi

 

Değer	Açıklama	Örnek
none	Arkaplanı sıfırlar.
initial
inherit

Tarayıcı Desteği

1.0	1.0	4.0	1.0	3.5