title: setting width and height for background using css
body: <p>I want to set background width and height of the image.</p>
  
  <pre><code>document.getElementById('outerModalPopupDiv').style.backgroundImage = "url('samandar_003.jpeg')";
  document.getElementById('outerModalPopupDiv').style.backgroundRepeat = "no-repeat";
  </code></pre>
  
  <p>Now I want to set Image width and height. I know <code>background-size: 200px 50px;</code> set height and width, however I can't use the same. I have to set the width and height in above format.</p>
  
  <p>If I use</p>
  
  <pre><code>document.getElementById('outerModalPopupDiv').style.background.size = "200px 500px";
  </code></pre>
  
  <p>it won't work. Image remain same as it is.</p>
  
  <p>Any idea how can I make this working.</p>