<style>
.cadre-gris{ margin : 5px 0; }
.fg{ height : 250px; }
.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 backgroundRepeat</div>
</div>
</div>
<div class="cadre-exemple cadre-clickme" id="exemple1">
<h3 id="exemple-desc1">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 backgroundRepeat</div>
</div>
</div>
<script>
initExemple('background-repeat', 'backgroundRepeat', ['repeat', 'repeat-x','repeat-y','no-repeat','inherit'], 1);
initExemple('background-repeat', 'backgroundRepeat', ['repeat', 'repeat, no-repeat', 'repeat-x , repeat-y','repeat-y, repeat-x','no-repeat','inherit, repeat'], 1,1);
</script>