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

जावास्क्रिप्ट डोम में पृष्ठभूमि छवि की प्रारंभिक स्थिति कैसे सेट करें?


JavaScript में किसी पृष्ठभूमि छवि की आरंभिक स्थिति निर्धारित करने के लिए, पृष्ठभूमि का उपयोग करें संपत्ति। यह आपको छवि की स्थिति निर्धारित करने की अनुमति देता है।

उदाहरण

जावास्क्रिप्ट के साथ पृष्ठभूमि छवि की सभी स्थिति सेट करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-repeat: no-repeat;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Click to Set background image</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 शैली का उपयोग करें। CSS टैग के तहत, प्रॉपर्टी बैकग्राउंड-इमेज जोड़ें। संपत्ति एक ग्राफिक सेट करती है जैसे कि jpg, png, svg, gif, आदि। HTML5 पृष्ठभूमि विशेषता का समर्थन नहीं करता है, इसलिए CSS का उपयोग सेट पृष्ठभूमि छवि को बदलने के लिए किया जाता है।

  1. जावास्क्रिप्ट के साथ सूची-आइटम मार्कर के रूप में एक छवि कैसे सेट करें?

    सूची-वस्तु में एक छवि को मार्कर के रूप में सेट करने के लिए, listStyleImage का उपयोग करें जावास्क्रिप्ट में संपत्ति। उदाहरण आप जावास्क्रिप्ट के साथ एक छवि को सूची-आइटम मार्कर के रूप में सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    &l

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

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