How to set the margins of an element with JavaScript?


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>

Swarali Sree
Swarali Sree

I love thought experiments.

Updated on: 23-Jun-2020

139 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements