/ Code Css WebkitBoxSizing | Résutat du code Css WebkitBoxSizing | Copie d'écran / J'ai vu une erreur dans cette page

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

<style>
.cadre-gris {margin: 5px 0; }
.exemplenormal,
#exemple-style-0{padding:10px; border-width:5px; height:50px; width:200px}
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
   <div class="cadre-gris">
    <p class="cadre-vert exemplenormal">Cadre normal.</p>
  </div>
  <div class="cadre-gris">
    <span id="exemple-desc-0">Valeur initiale.</span>
    <p id="exemple-style-0" class="cadre-vert">Effet boxSizing.</p>
  </div>
</div>
<script>
initExemple('-webkit-box-sizing',  'WebkitBoxSizing', ['border-box', 'content-box', 'padding-box', 'inherit'], 1); 
</script>

Interprétation du code de la propriété WebkitBoxSizing JS / CSS par votre navigateur.

Valeur par défaut

Cadre normal.

Valeur initiale.

Effet boxSizing.

Interprétation normale du code de la propriété JS / CSS WebkitBoxSizing (copie d'écran).

copie d'écran de l'affichage de la propriété JS / CSS WebkitBoxSizing