CSS background-image Özelliği

Tanım ve kullanım

background-image Arka plan görseli ayarlar.

Elementin arka planı, elementin tüm boyutunu kaplar, iç dolgu ve çerçeve içerir, ancak dış marj içermez.

Varsayılan olarak, arka plan görseli elementin sol üst köşesindedir ve dikey ve yatay yönde tekrarlanır.

İpucu:Lütfen geçerli bir arka plan rengi ayarlayın, böylece arka plan görseli kullanılamazsa, sayfa da iyi bir görsel etkisi elde edebilir.

Ayrıntılı açıklama

background-image özelliği, elementin arka planına bir görsel ayarlar.

Aşağıdaki background-repeat özellik değerleri, görsel sınırsız olarak döşenebilir, belirli bir eksen (x eksen veya y eksen) boyunca döşenebilir veya döşenemez.

İlkel arka plan görseli (orijinal görsel) aşağıdaki özellik değerine göre background-position Özelliğin değeri konumlandırılır.

Ayrıca bakınız:

CSS eğitimi:CSS Arka PlanveCSS arka planı (ileri)veCSS İzlenim

HTML DOM referans el kitabı:backgroundImage özelliği

Örnek

Sayfa arka planını resim olarak ayarlayın:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

Kişisel olarak deneyin

CSS dilbilgisi

background-image: url|none|initial|devral;

Özellik değeri

Özellik değeri

Değer Açıklama
url('URL) Görselin yolunu belirtin.
yok Varsayılan değer. Arka plan görseli gösterilmez.
devral Özellikle, ebeveyn elementten background-image özelliğinin ayarlarını devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: yok
Geçirsizlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.backgroundImage="url(stars.gif)"

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5