How to set the margins of an element with JavaScript?

JavascriptWeb DevelopmentFront End Scripts

Use the margin property in JavaScript, to set the margins. You can try to run the following code to set the margins of an element with JavaScript −

Example

Live Demo

<!DOCTYPE html>
<html>
   <body>
      <button type="button" onclick="display()">Set all four margins</button>
      <p id="myID">This is demo text.</p>
      <script>
         function display() {
            document.getElementById("myID").style.margin = "30px 20px 40px 40px";
         }
      </script>
   </body>
</html>
raja
Updated on 23-Jun-2020 13:19:12

Advertisements