Örnek
Bir belgenin arka planını Stil:
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top"; Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Bir steno formunda sekiz ayrı arkaplan özelliklerine kadar arkaplan özelliği, ayarlar veya döner.
Bu özellik sayesinde, bir veya daha fazlasını iade / ayarlayabilirsiniz (herhangi bir sırada) Aşağıdaki:
- arka plan rengi
- arka plan görüntüsü
- background-repeat
- background-attachment
- Arka plan konumlu
- Arka plan boyutlu
- background-origin
- Arka plan-klip
Yukarıdaki özellikleri de ayrı stil özellikleri ile ayarlanabilir. Ayrı özelliklerinin kullanılması önemle daha iyi kontrol edilebilirlik olmayan gelişmiş yazarlar için önerilmektedir.
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 |
Not: Aşağıdaki her değer için ayrı bir tarayıcı desteği Bkz.
Sözdizimi
Arka plan özelliği Dönüş:
object .style.background
Arka plan özelliğini ayarlayın:
object .style.background=" Mülkiyet Değerler değer Açıklama color Bir elemanın arka plan rengini ayarlar image Bir elemanın plan görüntüsünü ayarlar repeat Bir arka plan görüntüsü tekrarlanacaktır nasıl belirler attachment Bir arka plan görüntüsü sabit veya sayfayla kaydırır olup olmadığını belirler position Bir arka plan görüntüsü başlangıç konumunu belirler size Arka plan görüntüsünün boyutunu ayarlar origin Arka plan konumlandırma alanını belirler clip Arka plan görüntüsünün resim alanını belirler 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
Teknik detaylar
Varsayılan değer: şeffaf hiçbiri tekrar kaydırma 0% 0% oto padding-box border-box Geri dönüş değeri: Bir elemanın arka temsil eden bir String, CSS Sürüm CSS3 içinde BB1 + yeni özellikler
Diğer Örnekler
Örnek
bir DIV elemanının arka planını değiştirin:
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center"; Kendin dene "
Örnek
Bir belge için bir arka plan rengini ayarlayın:
document.body.style.backgroundColor = "red"; Kendin dene "
Örnek
Bir belge için bir arka plan resmi ayarlayın:
document.body.style.backgroundImage = "url('img_tree.png')"; Kendin dene "
Örnek
no-tekrarına bir background-image ayarlayın:
document.body.style.backgroundRepeat = "repeat-y"; Kendin dene "
Örnek
Sabit Arka plan resmi olarak ayarlayın (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; Kendin dene "
Örnek
Arka plan-resmin konumunu değiştirme:
document.body.style.backgroundPosition = "top right"; Kendin dene "
Örnek
Bir belgenin arka plan özellik değerlerini döndürür:
document.body.style.background; Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Arkaplan
CSS3 öğretici: CSS3 Arka Plan
CSS referansı: background property
<Stil Nesne