CSS'de repeat Nedir?

CSS'de repeat, bir arka plan resminin tekrarlanma şeklini belirten bir özelliktir. Bu özellik, bir arka plan resminin yatay, dikey veya hem yatay hem de dikey yönde tekrarlanmasına izin verir.
CSS'de repeat, background-repeat özelliği tarafından kontrol edilir. Bu özellik, yineleme modunu belirlemek için bir dizi anahtar kelime değeriyle kullanılabilir.
Yatay Yineleme(repeat-x)
---------------------------
repeat-x anahtar kelimesi, arka plan resminin yalnızca yatay yönde tekrarlanmasına izin verir. Bu, arka plan resminin yukarıdan aşağıya doğru birkaç kez ardışık olarak görüntülenmesini sağlayacaktır.
```css
background-repeat: repeat-x;
```
Dikey Yineleme(repeat-y)
----------------------------
repeat-y anahtar kelimesi, arka plan resminin yalnızca dikey yönde tekrarlanmasına izin verir. Bu, arka plan resminin soldan sağa doğru birkaç kez ardışık olarak görüntülenmesini sağlayacaktır.
```css
background-repeat: repeat-y;
```
Hem Yatay Hem de Dikey Yineleme(repeat)
---------------------------------------------
repeat anahtar kelimesi, arka plan resminin her iki yönde de yinelenmesine izin verir. Bu, arka plan resminin her yönde birden fazla kez ardışık olarak görüntülenmesini sağlayacaktır. Bu yineleme modu varsayılan değerdir.
```css
background-repeat: repeat;
```
Örneğin, bir arka plan resmini sadece yatayda tekrarlamak istiyorsanız, 'repeat-x' anahtar kelimesini kullanarak aşağıdaki kodu kullanabilirsiniz:
```css
body {
background-image: url('background.png');
background-repeat: repeat-x;
}
```
Benzer şekilde, yalnızca dikeyde tekrarlamak istiyorsanız 'repeat-y' anahtar kelimesini kullanabilirsiniz:
```css
body {
background-image: url('background.png');
background-repeat: repeat-y;
}
```
Ve son olarak hem yatay hem de dikeyde tekrarlamak istiyorsanız, 'repeat' anahtar kelimesini kullanabilirsiniz:
```css
body {
background-image: url('background.png');
background-repeat: repeat;
}
```
Bu şekilde background-repeat özelliğini kullanarak, arka plan resminizi belirlediğiniz tekrarlama şekline göre görüntüleyebilirsiniz.