Use calc in javascript code to assign new CSS style value - Javascript CSS Style Property

Javascript examples for CSS Style Property:calc

  1. HOME
  2. Javascript
  3. CSS Style Property
  4. calc

Description

Use calc in javascript code to assign new CSS style value

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript">
    window.onload=function(){//from  w w w . j  a  v  a 2 s .co  m
(function() {
  var p = document.getElementById("test");
  p.style.paddingTop = "calc("+p.style.paddingTop+" + 20px)"
})();
    }

      </script> 
   </head> 
   <body> 
      <p id="test" style=" padding-top: 30px; ">This is the paragarph</p>  
   </body>
</html>

Related Tutorials