background JS / CSS exemple de code | ZONE CSS Exemple d'écriture de la propriété JS / CSS background, code CSS détaillé avec toutes les valeurs de la CSS background. Copie d'écran de l'interprétation de la propriété background CSS pour comparer avec l'interprétation JS / CSS votre navigateur. Définition de la propriété CSS background. 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> Agrandir la zone de code HTML
Voir de code background dans :
Interprétation du code de la propriété background JS / CSS par votre navigateur.
Cliquez-moi pour changer de valeur !
Valeurs calculées par défaut
Valeur calculée récupérée : background = rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box
Effet background
Cliquez-moi pour changer de valeur !
Valeurs calculées par défaut
Valeur calculée récupérée : background = rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box
Effet background
Interprétation normale du code de la propriété JS / CSS background (copie d'écran).
Aller en haut de la page
Vos paramètres de cookies Ce site utilise des cookies pour améliorer votre expérience utilisateur et optimiser le fonctionnement du site.
Vous pouvez accepter ces cookies en cliquant sur « Autoriser tous les cookies », cliquer sur « Paramétrer les cookies » pour gérer vos préférences de cookies.
