How to set the right padding of an element with JavaScript?

Javascript Objective-C Front End Technology

To set the right padding, use the paddingRight property in JavaScript. You can try to run the following code to return the right padding of an element with JavaScript −

Example

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px solid #FF0000;
            width: 150px;
            height: 70px;
         }
      </style>
   </head>
   <body>
      <div id = "box">This is demo text.</div>
      <br><br>
      <button type = "button" onclick = "display()">Right padding</button>
     
      <script>
         function display() {
            document.getElementById("box").style.paddingRight = "100px";
         }
      </script>
   </body>
</html>

Abhinanda Shri

Published on 27-Feb-2018 12:57:08

Previous Page Print Page