Stil arka planıTekrar Özellik
Örnek
Bir arka plan görüntüsünü tekrar etmeyecek şekilde ayarlayın:
document.body.style.backgroundRepeat = "repeat-y";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
backgroundRepeat özelliği, bir arka plan görüntüsünün nasıl yineleneceğini (döşeeceğini) ayarlar veya döndürür.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
backgroundRepeat özelliğini döndürün:
object.style.backgroundRepeat
backgroundRepeat özelliğini ayarlayın:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | tekrarlamak |
---|---|
Geri dönüş değeri: | Bir arka plan görüntüsünün nasıl tekrarlandığını temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Belirtilen bir DIV öğesinin backgroundRepeat özelliğini değiştirin:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Örnek
Yatay veya dikey olarak yinelenecek bir arka plan resmi ayarlayın:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
Örnek
Bir belgenin arka planda tekrar değerini döndür:
alert(document.body.style.backgroundRepeat);
İlgili Sayfalar
CSS eğitimi: CSS Arka Planı
CSS referansı: arka plan konumu özelliği
CSS referansı: arka planda tekrar özelliği
HTML DOM referansı: arka plan özelliği