background-repeat
Özelliği Temel Özellikler
- CSS Yazımı :
background-repeat: no-repeat | repeat | repeat-x | repeat-y;
- Örnek :
background-repeat: no-repeat;
|background-repeat: repeat;
- Öntanımlı Değer :
repeat
- Uygulanabilen Etiketler :
- Tüm Etiketler.
::first-letter
ve::first-line
ögelerine de uygulanabilir. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animation
Özelliği - Javascript :
öge.style.backgroundRepeat = "repeat-x";
- Sürüm :
- CSS1 / CSS2 (düz. 1) / CSS Backgrounds and Borders Module Level 3
- Açıklama :
background-repeat
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS background-repeat
özelliği; arka plan görselinin yinelenip yinelenmeyeceğini, yineleniyorsa nasıl yineleneceğini ayarlar. background-repeat
özelliği ile bir arka plan görseli yatayda, dikeyde, ya da her iki aks boyunca yinelenir ya da yinelenmez.
Öntanımlı olarak, yinelenen görseller etiketin boyutlarına uyacak biçimde kırpılırlar ancak round
anahtar sözcüğü kullanılarak yeniden boyutlandırılabilir ya da space
anahtar sözcüğü kullanılarak etiket kenarlarına aralıklı durmalarının sağlanmasıyla kırpılmaktan kurtarılabilirler.
Daha fazlası için CSS background
özelliğine bakın !
background-repeat
Özelliği Tarayıcı Desteği
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 | 3.5 | 1.0 | 1.0 | 4.0 |
Çoklu Arka plan | 3.6 | 10.5 | 1.3 | 1.0 | 9.0 |
2'li Değer | 13.0 | Var | Var | Var | 9.0 |
round / space |
49.0 | 10.5 | Var | Var | 9.0 |
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 | ? | ? | ? | ? |
Çoklu Arka plan | Var | ? | ? | ? | ? |
2'li Değer | 13.0 | ? | ? | ? | ? |
round / space |
49.0 | ? | ? | ? | ? |
background-repeat
Özelliğinin Alabileceği Değerler
background-repeat
özelliği bir- ya da iki-değerli olarak yazılabilir. background-repeat
özelliğinin iki değerli yazımında ilk değeri yataydaki davranışı belirlerken ikinci değer dikeydeki davranışı belirler.
no-repeat
- Görsel yinelenmez.
no-repeat no-repeat
ile eş değerdir. Yinelenmeyen görselin konumubackground-position
özelliği ile belirlenir. repeat
- Öntanımlı değer.
repeat repeat
ile eş değerdir. Görsel hem yatayda hem dikeyde arka plan alanı kaplanıncaya kadar yinelenir. Son görsel arka plan alanına sığmıyorsa sığacak biçimde kırpılır. repeat-x
- Görsel yalnızca yatayda yinelenir.
repeat no-repeat
ile eş değerdir. repeat-y
- Görsel dikeyde olarak yinelenir.
no-repeat repeat
ile eş değerdir. round
round round
ile eş değerdir. İzin verilen boşluğun (boşluk >= görsel boyutunun yarısı) büyümesiyle (görseller arasında boşluk kalmaksızın) yinelenen görseller; başka bir görsel eklenebilene kadar esnerler. Bir sonraki görselin eklenmesiyle yer açılması amacıyla da sıkışırlar. Örnek olarak 260px genişliğindeki görsel üç kez yinelenir ve her bir görsel esneyerek 300px olur ve yeni bir görsel eklenmesiyle her biri 225px olur.space
space space
ile eş değerdir. Görsel kırpılmaksızın olabildiğince yinelenir. İlk ve son görseller ya kenarlara yapışmıştır ya da arada beyaz boşluk kalmıştır.background-position
özelliği birden fazla görsel gösterildiği sürece görmezden gelinir. Görselin kırpıldığı tek koşul ise bir tek görselin boyutunun, gösterileceği alandan daha büyük olduğundan ötürü taşması durumunda gerçekleşir.