यदि आप अपनी वेबसाइट पर बैकग्राउंड के रूप में एक इमेज एम्बेड करने के लिए CSS प्रॉपर्टी background-image का उपयोग करते हैं, तो आपने गौर किया होगा कि आपकी इमेज आपके वेब पेज की चौड़ाई और ऊंचाई को भरने के लिए अनंत रूप से रिपीट होती है।
ऐसा इसलिए होता है क्योंकि डिफ़ॉल्ट रूप से, ब्राउज़र्स में CSS प्रॉपर्टी background-repeat repeat पर सेट होती है।
बैकग्राउंड इमेज को रिपीट होने से रोकने के लिए, बस डिफ़ॉल्ट repeat मान को no-repeat से ओवरराइड करें, जैसे:
body { background-image: url("path-to-image.jpg"); background-repeat: no-repeat; }अब आपकी बैकग्राउंड इमेज केवल एक बार दिखाई देती है!
