Örnek
yalnızca dikey bir background-image tekrarlayın:
body
{
background-image: url("paper.gif");
background-repeat: repeat-y;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Bir arka plan görüntüsü tekrarlanacaktır nasıl / eğer background-repeat özelliği ayarlar.
Varsayılan olarak, bir arka plan görüntüsü hem dikey hem de yatay olarak tekrarlanır.
Tip: Arka plan resmi background-position özelliğine göre yerleştirilir. Hiçbir background-position belirtilirse, görüntü daima öğenin sol üst köşesinde yer alır.
| Varsayılan değer: | repeat |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS1 |
| JavaScript sözdizimi: | object .style.backgroundRepeat="repeat-x" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: IE8 ve önceki bir eleman birden arka plan resimleri desteklemez.
CSS sözdizimi
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| repeat | Arka plan görüntüsü dikey ve yatay olarak tekrarlanacaktır. Bu varsayılan | Oynat " |
| repeat-x | Arka plan resmi yalnızca yatay tekrarlanacaktır | Oynat " |
| repeat-y | Arka plan görüntüsü, sadece dikey olarak tekrarlanacaktır | Oynat " |
| no-repeat | Arka plan resim tekrar edilmeyecektir | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Diğer Örnekler
Örnek
Nasıl hem dikey hem de yatay olarak bir arka plan görüntüsü tekrarlamak için (arka plan görüntüleri için varsayılan):
body
{
background-image: url("paper.gif");
}
Kendin dene " Örnek
yalnızca yatay bir arka plan resmi tekrarlayın:
body
{
background-image: url("paper.gif");
background-repeat: repeat-x;
}
Kendin dene " Örnek
Hiçbir tekrarı ile, bir arka plan resim yalnızca bir kez görüntüler:
body
{
background-image: url("paper.gif");
background-repeat: no-repeat;
}
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Arkaplan
CSS referansı: background-position özelliği
HTML DOM referansı: backgroundRepeat property