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

JavaScript से एलिमेंट का दायाँ मार्जिन कैसे सेट करें?

उदाहरण

marginRight प्रॉपर्टी से एलिमेंट का दायाँ मार्जिन सेट करें।

<!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.marginRight = "150px";
      }
    </script>
  </body>
</html>

संबंधित: marginLeft, marginTop, marginBottom, शॉर्टहैंड margin।

  1. - JavaScript से एलिमेंट का निचला मार्जिन कैसे सेट करें?

    उदाहरण marginBottom प्रॉपर्टी से एलिमेंट का निचला मार्जिन सेट करें। <!DOCTYPE html> <html> <body> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>निचला मार्जिन सेट करें</button> <script> function display() {

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {

  1. - CSS से किसी तत्व का दायां मार्जिन सेट करें

    margin-right गुण किसी तत्व का दायां मार्जिन सेट करने के लिए उपयोग किया जाता है। इसका मान लंबाई, % या auto में हो सकता है। निम्न कोड चलाकर दायां मार्जिन सेट करें: उदाहरण <html> <head> </head> <body> <p style=margin-right: 10px; border:2px solid red;>