title: How to include the background-cover value in the shorthand background property?
body: <p>I am trying to set a background-image to stretch to the full extent of a <code>&lt;div&gt;</code>'s width and height. The <code>&lt;div&gt;</code> will be of variable size, so I am using <code>background-size: cover;</code></p>
  
  <pre><code>background: url("../images/bkgnd-sidebar.png") no-repeat left top cover;
  </code></pre>
  
  <p>I cannot figure out how to place it in this shorthand notation and have it work. If I list each property independently, it works fine, but I was hoping for an all-in-one solution.</p>
  
  <p>This works, but is not preferred:</p>
  
  <pre><code>background-size:cover;
  background-image:url('../images/bkgnd-sidebar.png');
  </code></pre>