CSS'de repeat-y Nedir?

CSS'de repeat-y özelliği, belirtilen arka plan resmini yatay olarak tekrar ederek sayfanın dikey boyutunda otomatik olarak genişletilmesini sağlar. Bu özellik, yatay resimlerin sayfanın genişliğine uygun şekilde tekrarlanmasına izin verirken, dikey boyuttaki alanların boş kalmamasını sağlar.
repeat-y özelliği, CSS'de background-image property'si ile kullanılır. Bu özelliği kullanmak için aşağıdaki kodu kullanabilirsiniz:
```css
body {
background-image: url(\"resim.jpg\");
background-repeat: repeat-y;
}
```
Yukarıdaki kod ile, \"resim.jpg\" adlı arka plan resmi sayfanın arka planında tekrar edilecektir. Repeat-y özelliği sayesinde, resim dikey eksende genişletilerek sayfanın tüm yüksekliğini kaplar.
Aşağıdaki kod, repeat-y özelliğinin kullanımı için daha kapsamlı bir örnektir:
```css
body {
background-image: url(\"arkaplan.jpg\");
background-repeat: repeat-y;
background-size: cover;
background-position: center center;
}
```
Yukarıdaki kodda, \"arkaplan.jpg\" adlı resim sayfanın arka planında tekrar edilecektir. Derin bir efekt yaratmak için, arka plan resmi sayfaya tam olarak örtüşecek şekilde ölçeklenecektir (background-size: cover), ve resim sayfanın merkezinde olacak şekilde konumlandırılacaktır (background-position: center center).
Sonuç olarak, repeat-y özelliği, web tasarımcılarına sayfalarında dikey boyutta alanları doldurmak için arka plan resimlerini tekrar etme imkanı sunar. Bu özellik, yükseklikte farklılık gösteren sayfalarda dikey olarak boyutlandırılabilen arka plan resimleriyle sayfanın daha tutarlı bir görünüm kazanmasına yardımcı olur.