/ Code Css box-sizing | Résultat du code Css box-sizing | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS box-sizing.

<style>
.box-sizing-content-box{  : content-box }
.box-sizing-border-box{  : border-box }
.box-sizing-padding-box{  : padding-box }

.exemple{ 
  : 150px; 
  : 150px; 
  : 5px solid #666666; 
  : 10px; 
 margin-bottom:5px; 
}
</style>
<div class="exemple"> sans box-sizing </div>
<div class="exemple box-sizing-content-box"> box-sizing : content-box </div>
<div class="exemple box-sizing-padding-box"> box-sizing : padding-box </div>
<div class="exemple box-sizing-border-box"> box-sizing : border-box </div>
 

Interprétation du code de la propriété box-sizing CSS par votre navigateur.

sans box-sizing
box-sizing : content-box
box-sizing : padding-box
box-sizing : border-box

Interprétation normale du code de la propriété CSS box-sizing (copie d'écran).

copie d'écran de l'affichage de la propriété CSS box-sizing