<!DOCTYPE html>
<!--
 | Given a valid declaration, for each layer the shorthand first sets the
 | corresponding layer of each of ‘background-image’, ‘background-position’,
 | ‘background-size’, ‘background-repeat’, ‘background-origin’,
 | ‘background-clip’ and ‘background-attachment’ to that property's initial
 | value
 |   https://www.w3.org/TR/css3-background/#the-background
 -->
<html>
  <head>
    <style>
       body {
        margin: 0px;
       }
       div {
         background-color: #F44336;
         background-image: url(cobalt.png);
         background-position: center;
         background-repeat: no-repeat;
         background-size: 25%;
       }
       div {
         background: none;
       }
    </style>
  </head>
  <body>
     <div style="height:100px; width:100px"></div>
  </body>
</html>