JavaScript से एलिमेंट का शीर्ष मार्जिन कैसे सेट करें?

उदाहरण

marginTop प्रॉपर्टी से एलिमेंट का शीर्ष मार्जिन सेट करें।

<!DOCTYPE html>
<html>
  <head>
    <style>
      #myID {
        border: 2px solid #000000;
      }
    </style>
  </head>
  <body>
    <div id="myID">यह डेमो टेक्स्ट है।</div><br>
    <button type="button" onclick="display()">शीर्ष मार्जिन जोड़ें</button>
    <script>
      function display() {
        document.getElementById("myID").style.marginTop = "150px";
      }
    </script>
  </body>
</html>

नोट: वर्टिकल मार्जिन्स कॉलेप्स हो सकते हैं (एडजेसेंट ब्लॉक एलिमेंट्स के बीच)।