https://blog-dev.simpleenough.net/fr/tags/box-model/Recent content in Box Model on Simple Enough BlogHugofrMon, 04 Aug 2025 16:09:45 +0200https://blog-dev.simpleenough.net/fr/blog/boxmodel/Mon, 04 Aug 2025 16:09:45 +0200https://blog-dev.simpleenough.net/fr/blog/boxmodel/<h2 id="i-quest-ce-que-le-modèle-boîte-en-css-" class="heading">I. Qu’est-ce que le modèle boîte en CSS ?<a href="#i-quest-ce-que-le-mod%c3%a8le-bo%c3%aete-en-css-" aria-labelledby="i-quest-ce-que-le-modèle-boîte-en-css-"> <!-- <i class="fas fa-link anchor"></i> --> <svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512"><use href="#fas-link"></use></svg>&nbsp; </a> </h2> <p>En CSS, <strong>chaque élément HTML est considéré comme une boîte rectangulaire</strong>. C’est ce qu’on appelle le <strong>box model</strong> (ou modèle de boîte).</p> <p>Ce modèle définit <strong>comment la taille d’un élément est calculée</strong>, et comment il interagit avec les autres éléments autour de lui.</p> <p>Un élément HTML est constitué de <strong>4 zones</strong> principales :</p>