Exemple de code de la propriété JS / CSS backgroundSize.

<style>
.cadre-gris{ margin : 5px 0; }
.cadre-vert{  height : 150px; }
.fg{ background-repeat :no-repeat; }
.fgs{ background-image: url(/images/exemple/filter-image.jpg) }
.fgd{ background-image: url(/images/exemple/grille150.gif), url(/images/exemple/filter-image.jpg); }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
   <span id="exemple-desc-0">Valeur js récupérée</span>
   <div id="exemple-style-0" class="cadre-vert fg fgs" >Effet backgroundSize</div>
  </div>
  <div class="cadre-gris">
   <span id="exemple-desc-1">Valeur js récupérée</span>
   <div id="exemple-style-1" class="cadre-vert fgs" >Effet backgroundSize</div>
  </div>
</div>
<div class="cadre-exemple cadre-clickme" id="exemple1">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
   <span id="exemple-desc-01">Valeur js récupérée</span>
   <div id="exemple-style-01" class="cadre-vert fg fgd" >Effet backgroundSize</div>
  </div>
  <div class="cadre-gris">
   <span id="exemple-desc-11">Valeur js récupérée</span>
   <div id="exemple-style-11" class="cadre-vert fgd" >Effet backgroundSize</div>
  </div>
</div>
<script>
initExemple('background-size',  'backgroundSize', ['cover', 'contain', '10% 20%', 'auto','inherit'], 2); 
initExemple('background-size',  'backgroundSize', ['cover, contain', 'contain, cover', '10% 20%, cover', 'auto, cover','inherit'], 2, 1); 
</script>