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

जावास्क्रिप्ट DOM में बैकग्राउंड इमेज की प्रारंभिक स्थिति कैसे सेट करें?


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

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          body {             background-repeat: no-repeat;          }       </style>    </head>    <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.backgroundPosition="top right";          }       </script>    </body> </html>

  1. वेबपेज का बैकग्राउंड इमेज कैसे सेट करें? वेबपेज का बैकग्राउंड इमेज कैसे सेट करें?

    CSS background-image प्रॉपर्टी वेबपेज का बैकग्राउंड इमेज सेट करने के लिए, CSS स्टाइल का उपयोग करें। CSS <style> टैग के तहत, background-image प्रॉपर्टी जोड़ें। यह प्रॉपर्टी jpg, png, svg, gif आदि जैसे ग्राफिक सेट करती है। HTML5 <body> बैकग्राउंड एट्रिब्यूट को सपोर्ट नहीं करता, इसलिए बैकग

  1. - JavaScript से लिस्ट-आइटम मार्कर के रूप में इमेज कैसे सेट करें?

    उदाहरण listStyleImage प्रॉपर्टी से कस्टम इमेज को लिस्ट मार्कर के रूप में उपयोग करें। <!DOCTYPE html> <html> <body> <ol id=myID> <li>एक</li> <li>दो</li> </ol> <button type=button onclick=display()>लिस्ट इमेज अपडेट क

  1. - CSS से पृष्ठभूमि छवि की स्थिति सेट करें

    पृष्ठभूमि छवि की स्थिति सेट करने के लिए, background-position गुण का उपयोग करें। निम्न कोड चलाकर background-position गुण के साथ काम करना सीखें: उदाहरण यह पृष्ठभूमि छवि की स्थिति को बाईं ओर से 80 पिक्सेल दूर सेट करता है: <html> <head> <style> body { background-ima