Örnek
tek bildiriminde farklı arka plan özellikleri ayarlayın:
body
{
background: #00ff00 url("smiley.gif") no-repeat fixed center;
}
Kendin dene " Tanımı ve Kullanımı
Arka plan stenografi özelliği tek bildiriminde tüm arka plan özelliklerini ayarlar.
ayarlanabilir özellikleri vardır: arka plan rengi, arka plan görüntüsü, arka plan-konumu, arka plan boyutlu, arka plan-tekrar, arka plan kökenli, arka plan, küçük ve arka plan bağlanma.
Yukarıdaki değerlerden biri, örneğin arka plan eksik olmadığı önemli değildir: # ff0000 url(smiley.gif) ; izin verilir.
| Varsayılan değer: | see individual properties |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes, see individual properties . Read about animatable Try it |
| Versiyon: | CSS1 + new properties in CSS3 |
| JavaScript sözdizimi: | object .style.background="red url(smiley.gif) top left no-repeat" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: Internet Explorer 8 ve önceki sürümleri bir eleman birden arka plan resimleri desteklemez.
Not: Aşağıdaki her değer için ayrı bir tarayıcı desteği Bkz.
CSS sözdizimi
background: Not: steno bildiriminde özelliklerinden biri bg boyutlu özellik ise, bir / kullanmalıdır (slash) bg-position özelliği, örneğin ayırmak için background: url(smiley.gif) 10px 20px / 50px 50px ; Arka plan görüntüsü ile sonuçlanır, soldan 10 piksel, üst 20 piksel yerleştirilmiş ve görüntünün boyutu 50 piksel genişliğinde ve 50 piksel yüksek olacaktır. Not: Birden fazla background-image kaynakları kullanılarak Eğer aynı zamanda bir zemin-renk istiyorum, background-color parametre listesinde son olması gerekiyor.
Mülkiyet Değerler
değer Açıklama CSS background-color Kullanılacak arka plan rengini belirler 1 background-image kullanılacak bir veya daha fazla arka plan resimleri belirtir 1 background-position arka plan resimleri konumunu belirtir 1 background-size Arka plan görüntüleri boyutunu belirtir 3 background-repeat nasıl arka plan resimleri tekrarlamak belirtir 1 background-origin Arka plan görüntüleri konumlandırma alanını belirler 3 background-clip Arka plan görüntüleri boyama alanını belirler 3 background-attachment arka plan resimleri sayfanın geri kalanı ile sabit veya kayar belirtir 1 ilk varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun 3 miras almak üst öğesinden bu özelliği devralır. Yaklaşık miras oku 2
İlgili Sayfalar
CSS öğretici: CSS Arkaplan
CSS3 öğretici: CSS3 Arka Plan
HTML DOM referansı: background property