Exemple de code de la propriété JS / CSS background.
<style>
.cadre-gris{ margin : 5px 0; }
.fg{ height : 250px; }
</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">Effet background</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">Effet background</div>
</div>
</div>
<script>
initExemple('background', 'background', ['url(/images/exemple/filter-image.jpg)', 'url(/images/exemple/filter-image.jpg) repeat-x','url(/images/exemple/filter-image.jpg) repeat-y red', 'url(/images/exemple/filter-image.jpg) repeat-x green 10px 50%'], 1);
initExemple('background', 'background', ['url(/images/exemple/grille150.gif), url(/images/exemple/filter-image.jpg)', 'url(/images/exemple/grille150.gif) repeat-y, url(/images/exemple/filter-image.jpg) repeat-x', 'url(/images/exemple/grille150.gif) no-repeat 10px 50%,green url(/images/exemple/filter-image-2.png) repeat-y left'], 1,1);
</script>
Interprétation du code de la propriété background JS / CSS par votre navigateur.
Valeur par défaut
Valeur js récupérée
Effet background
Valeur par défaut
Valeur js récupérée
Effet background
Interprétation normale du code de la propriété JS / CSS background (copie d'écran).