title: I can't add a CSS "background-size" value to "background" property's value
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/7864448/background-size-in-shorthand-background-property-css3">background-size in shorthand background property (CSS3)</a>  </p>
  </blockquote>
  
  
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;An HTML5 Document&lt;/title&gt;
  &lt;style&gt;
      div {
          width: 500px;
          height: 400px;
          background: red url(https://www.google.com/images/logos/google_logo_41.png) 50% 50% cover no-repeat;
      }
  &lt;/style&gt;
  &lt;div&gt;&lt;/div&gt;​
  </code></pre>
  
  <p><a href="http://jsfiddle.net/gu9fh" rel="nofollow noreferrer">http://jsfiddle.net/gu9fh</a></p>
  
  <p>I wanna define a CSS <code>background-size</code> property with value <code>cover</code>. But I don't tend to write a single <code>background-size</code> property. I wanna combine it to the <code>background</code> property. But the background doesn't be displayed.</p>
  
  <p>How can I add a CSS <code>background-size</code> value <code>cover</code> to the <code>background</code> property's value?</p>
  
  <p>Thanks.</p>