Örnek
no-tekrarına bir background-image ayarlayın:
document.body.style.backgroundRepeat = "repeat-y"; Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
BackgroundRepeat özelliği, ayarlar veya döner nasıl tekrarlamak (tile) bir background-image.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
backgroundRepeat özelliğini Dönüş:
object .style.backgroundRepeat
backgroundRepeat özelliğini ayarlayın:
object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| repeat | Arka plan görüntüsü dikey ve yatay olarak tekrarlanır. Bu varsayılan |
| repeat-x | Arka plan resmi sadece yatay tekrarlanır |
| repeat-y | Arka plan görüntüsü, sadece dikey olarak tekrarlanır |
| no-repeat | Arka plan resim tekrar edilmez |
| 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: | tekrar et |
|---|---|
| Geri dönüş değeri: | Arka plan görüntüsü tekrar nasıl temsil eden bir String, |
| CSS Sürüm | BB1 |
Diğer Örnekler
Örnek
Belirtilen DIV elemanının backgroundRepeat özelliğini değiştirin:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; Kendin dene " Örnek
Yatay veya dikey tekrar bir arka plan-resmi oluşturur:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} Kendin dene " Örnek
Bir belgenin background-repeat değeri Dönüş:
alert(document.body.style.backgroundRepeat); Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Arkaplan
CSS referansı: background-position property
CSS referansı: background-repeat property
HTML DOM referansı: background property
<Stil Nesne