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

जावास्क्रिप्ट के साथ किसी तत्व के लिए उपयोग की जाने वाली पोजिशनिंग विधि का प्रकार कैसे सेट करें?


स्थिति निर्धारित करने के लिए, स्थिति . का उपयोग करें जावास्क्रिप्ट में संपत्ति। जावास्क्रिप्ट के साथ एक तत्व के लिए उपयोग की जाने वाली पोजिशनिंग विधि के प्रकार को सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 350px;
            height: 200px;
            background-color: orange;
            border: 3px solid red;
            position: relative;
            top: 20px;
         }
      </style>
   </head>
   <body>
      <p>Click to set the type of positioning method using position property.</p>
      <button type = "button" onclick = "display()">Set Position</button>
     
      <div id = "box">
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.<p>
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.<p>
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.<p>
      </div>
      <br>
      <br>
      <script>
         function display() {
            document.getElementById("box").style.position = "absolute";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ किसी तत्व के चारों ओर रूपरेखा की शैली कैसे सेट करें?

    रूपरेखा शैली सेट करने के लिए, रूपरेखा का उपयोग करें संपत्ति। रूपरेखा ठोस, बिंदीदार, धराशायी, आदि हो सकती है। उदाहरण आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की शैली निर्धारित करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <

  1. कैसे जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की चौड़ाई निर्धारित करने के लिए?

    आउटलाइन की चौड़ाई सेट करने के लिए, outlineWidth . का उपयोग करें संपत्ति। आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की चौड़ाई निर्धारित करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <styl

  1. जावास्क्रिप्ट के साथ किसी तत्व के चारों ओर रूपरेखा का रंग कैसे सेट करें?

    आउटलाइन रंग सेट करने के लिए, रूपरेखा रंग . का उपयोग करें संपत्ति। आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा का रंग सेट करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &nbs