CSS'de no-repeat, bir arka plan resminin tekrarlanmamasını sağlayan bir değerdir. Yani, arka plan resmi yalnızca bir kez görüntülenir ve diğer alanlar boş bırakılır. Bu değer genellikle background-repeat özelliği ile kullanılır.
Örnek kodlar:
background-repeat: no-repeat;
veya
background: url('resim.jpg') no-repeat center center fixed;
Bu ilk kod örneği, yalnızca background-repeat özelliğine no-repeat değeri ekler. Bu, belirtilen arka plan resminin tekrarlanmayacağını belirtir. İkinci örnekte, background özelliği kullanılır. Resim, sabit bir konumda merkezlenir ve no-repeat değeri kullanılarak yalnızca bir kez görüntülenir.
Burada Türkçe örnek kodlar:
Örnek 1: Arka plan resmi, yalnızca bir kez görüntüleyin
background-repeat: no-repeat;
Örnek 2: Arka plandaki resim sabit bir konumda merkezlenir ve yalnızca bir kez görüntülenir
background: url('resim.jpg') no-repeat center center fixed;
Umarım bu yazı size faydalı olmuştur.