Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट DOM के साथ बैकग्राउंड इमेज को नो-रिपीट कैसे स्टाइल करें?

जावास्क्रिप्ट के साथ बैकग्राउंड इमेज को नो-रिपीट स्टाइल करने के लिए, backgroundRepeat प्रॉपर्टी का उपयोग करें। यह आपको पेज पर बैकग्राउंड इमेज को रिपीट होने से रोकने की अनुमति देता है।

उदाहरण

जावास्क्रिप्ट के साथ बैकग्राउंड इमेज को नो-रिपीट कैसे स्टाइल करें, यह जानने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <body>       <button onclick="display()">बैकग्राउंड इमेज सेट करने के लिए क्लिक करें</button>       <script>          function display() {             document.body.style.backgroundImage = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg')";             document.body.style.backgroundRepeat = "no-repeat";          }       </script>    </body> </html>

  1. - CSS से छवियों को स्टाइल कैसे करें?

    CSS के साथ छवियों को स्टाइल करने के लिए, आपको height, width, -moz-opacity आदि गुणों का उपयोग करना होगा। आइए देखें कि -moz-opacity CSS गुण के साथ पारदर्शी छवि कैसे बनाएं: -moz-opacity गुण छवि की अस्पष्टता सेट करने के लिए उपयोग किया जाता है। यह गुण मोज़िला में पारदर्शी छवि बनाने के लिए उपयोग किया जाता

  1. - जावास्क्रिप्ट से इमेज प्रीलोडिंग कैसे करें?

    आप निम्नलिखित विधि का उपयोग करके जावास्क्रिप्ट से इमेजेस प्रीफेच कर सकते हैं: function preloadImage(url) { let img = new Image(); img.src = url; return img; } ध्यान दें कि सभी ब्राउज़र्स इमेज को कुछ सेकंड बाद रिलीज़ (गारबेज कलेक्ट) कर देंगे यदि आपने उसका उपयोग नहीं किया है। इससे बचने के लिए,

  1. HTML DOM Style background प्रॉपर्टी HTML DOM Style background प्रॉपर्टी

    background प्रॉपर्टी का उपयोग किसी तत्व से जुड़ी पृष्ठभूमि छवि को सेट या प्राप्त करने के लिए किया जाता है। यह एक शॉर्टहैंड प्रॉपर्टी है और 8 गुणों तक में हेरफेर कर सकती है। सिंटैक्स background प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है: object.style.background = color image repeat attachment