CSS background Özelliği

Tanım ve kullanım

background Kısaltma özellikleri, bir bildiride tüm arka plan özelliklerini ayarlar.

Aşağıdaki özellikleri ayarlayabilirsiniz:

Bir değer ayarlanmazsa, sorun olmaz, örneğin background:#ff0000 url('smiley.gif'); izin verilir.

Genellikle, bu özelliğin, tekil özellikler kullanmak yerine kullanılması önerilir, çünkü bu özellik eski tarayıcılar tarafından daha iyi desteklenir ve daha az harf yazmanız gerekebilir.

Ayrıca bakınız:

CSS Eğitimi:CSS Arka PlanveCSS Arka Plan (Gelişmiş)

HTML DOM Referans Kılavuzu:background özelliği

Örnek

Tüm arka plan özelliklerini tek bir ifadede nasıl ayarlayacağınız:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Kişisel olarak deneyin

CSS Dilbilgisi

background: bg-color bg-image konum/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Özellik Değeri

Değer Açıklama CSS
background-color Kullanılacak arka plan rengini belirtir. 1
background-position Arka plan görselinin konumunu belirtir. 1
background-size Arka plan görselinin boyutunu belirtir. 3
background-repeat Arka plan görselinin nasıl tekrarlanacağını belirtir. 1
background-origin Arka plan görselinin konumlandığı alanı belirtir. 3
background-clip Arka planın çizim alanını belirtir. 3
background-attachment Arka plan görselinin sabit mi yoksa sayfanın diğer kısımlarıyla birlikte mi kaydolacağını belirtir. 1
background-image Kullanılacak arka plan görselini belirtir. 1
inherit Belirtilen, background özelliğinin ayarlarını ana öğeden miras alması gerektiğini belirler. 1

Teknik Ayrıntılar

Öntanımlı Değer: belirtilmemiş
Geçirilme Özelliği: hayır
Sürüm: CSS1 + CSS3
JavaScript Dilbilgisi: object.style.background="white url(paper.gif) repeat-y"

Tarayıcı Desteği

Tabloda belirtilen rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

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