Örnek
Için Arka plan resmi olarak ayarlayın <body> elemanı:
body
{
background-image: url("paper.gif");
background-color: #cccccc;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Arka plan resim özelliği bir öğe için bir veya daha fazla arka plan resimleri ayarlar.
Bir elemanın arka dolgu ve sınır dahil olmak üzere element, toplam boyutu (but not the margin) .
Varsayılan olarak, bir arka plan görüntüsü bir öğenin sol üst köşesine yerleştirilmiş ve hem dikey hem de yatay olarak tekrarlanır.
Tip: Her zaman görüntü kullanılamaz durumunda kullanılmak üzere bir arka plan-rengini ayarlamak.
| Varsayılan değer: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS1 + new values in CSS3 |
| JavaScript sözdizimi: | object .style.backgroundImage=" url(smiley.gif) " Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: IE8 ve önceki bir eleman birden arka plan resimleri desteklemez.
CSS sözdizimi
background-image: Mülkiyet Değerler değer Açıklama url(' URL ') Görüntünün URL. virgülle URL'leri ayırmak, birden fazla görüntüyü belirtmek için none Arka plan resmi yok görüntülenecektir. Bu varsayılan initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
Için birden arka plan resimleri Set <body> elemanı:
body {
background-image: url("img_tree.gif"),
url("img_flwr.gif");
background-color: #cccccc;
}
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Arkaplan
CSS3 öğretici: CSS3 Arka Plan
HTML DOM referansı: backgroundImage property