CSS'de background-repeat, bir arka plan resminin nasıl tekrar edileceğini belirleyen bir özelliktir. Bu özellik, arka plan resmi düşük çözünürlüklü olduğunda bile sayfanın tamamını kaplayacak şekilde genişletilebilir.
Bu özellik, 5 farklı değere sahiptir:
1. repeat: resim yatay ve dikey olarak tekrarlanır.
```
background-repeat: repeat;
```
2. repeat-x: resim sadece yatay olarak tekrarlanır.
```
background-repeat: repeat-x;
```
3. repeat-y: resim sadece dikey olarak tekrarlanır.
```
background-repeat: repeat-y;
```
4. no-repeat: resim tekrarlamaz, sadece bir defa görünür.
```
background-repeat: no-repeat;
```
5. space: resim, yinelenen bölümlerde aralıklı bir şekilde tekrarlanır.
```
background-repeat: space;
```
Örneğin, bir resmi yalnızca yatay olarak tekrarlamak için şu kod kullanılabilir:
```
background-repeat: repeat-x;
```
Bir resmin tekrar edilmesini önlemek ve yalnızca bir defa görünmesini sağlamak için şu kod kullanılabilir:
```
background-repeat: no-repeat;
```
Bir resmin yatay ve dikey olarak tekrarlanmasını sağlamak için şu kod kullanılabilir:
```
background-repeat: repeat;
```
Özetle, background-repeat CSS özelliği, arka plan resimlerinin nasıl tekrarlanacağını belirler. Uygun bir değer seçerek, arka plan resminizle ilgili istediğiniz efekti yaratabilirsiniz.