Sommaire

Le concept du Boîte:modèlemodèle de Style:pour les boîtesboîte

La notion de boîte est un principe fondamental dans la conception des pages HTML et de leur mise en forme en CSS.

Une boîte est un conteneur rectangulaire qui peut contenir tout type de contenu : du texte, des images, des tableaux, des formulaires, mais aussi d’autres boîtes. Ces boîtes possèdent plusieurs caractéristiques structurelles :

  • Un contenu (content) qui peut être de tout type, comme nous venons de l’évoquer. C’est la zone en trait fin dans le schéma ci-dessous.

  • Un remplissage interne (padding) qui détermine l’espace entre le contenu et la limite de la boîte. C’est la zone entre le contenu (trait fin) et la bordure (trait épais) dans le schéma ci-dessous.

  • Une bordure (border) qui s’applique sur la limite de la boîte. C’est le trait épais dans le schéma ci-dessous.

  • Une marge (margin) qui définit l’espace entre la limite de la boîte et les autres éléments autour de cette boîte. C’est la zone entre les pointillés extérieurs et la bordure, dans le schéma ci-après.

images/C21-001.png