Modèle de boite border-box

Ce snippet permet d’utiliser le modèle de boite “border-box”, contrairement à celui par défaut “content-box”. Border-box permet de ne plus avoir à prendre en compte le padding lors de l’édition des dimensions des éléments HTML, ainsi une boite ayant une largeur de 100px et un padding de 10px ne fera pas 120px de largeur mais bien 100 !

Compatible sur tout les navigateurs modernes ainsi que Internet Explorer à partir de la version 8. Chose amusante d’ailleurs car c’est le comportement par défaut d’IE 6 et antérieurs, IE 7 a apporté le support de content-box sans reconnaitre la propriété permettant de choisir son modèle de boite…