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
Published on 27-Feb-2018 13:33:03
Advertisements