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

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


जावास्क्रिप्ट में पृष्ठभूमि छवि के स्थान निर्धारण क्षेत्र को सेट करने के लिए, पृष्ठभूमि उत्पत्ति का उपयोग करें संपत्ति।

उदाहरण

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px dashed yellow;
            padding: 35px;
            width: 600px;
            height: 400px;
            background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Set area of background image</button>
      <div id="box">
         This is Demo Text! This is Demo Text! This is Demo Text!
         This is Demo Text! This is Demo Text!
      </div>
      <script>
         function display() {
            document.getElementById("box").style.backgroundOrigin = "content-box";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ किसी तत्व के क्षैतिज संरेखण को कैसे सेट करें?

    तत्व को क्षैतिज रूप से संरेखित करने के लिए, cssFloat का उपयोग करें संपत्ति। उदाहरण जावास्क्रिप्ट के साथ किसी तत्व के क्षैतिज संरेखण को सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>       <img id="myI

  1. जावास्क्रिप्ट के साथ छोटे बड़े अक्षरों में प्रदर्शित होने वाले फ़ॉन्ट को कैसे सेट करें?

    फॉन्ट को छोटे बड़े अक्षरों में सेट करने के लिए, fontVariant का उपयोग करें संपत्ति। उदाहरण आप जावास्क्रिप्ट के साथ छोटे बड़े अक्षरों में प्रदर्शित होने वाले फ़ॉन्ट को सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>     &n

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

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