Bases de CSS2 - Partie 4 Introduction Cela fait partie de ma série 4, Concepts de base de CSS2. Chaque élément HTML comme la DIV, Paragraphe et élément SPAN, réside dans une boîte. Dans cette partie de la série, nous examinons les caractéristiques de la boîte et des fonctionnalités connexes. Remarque: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait (lien brisé, l'image absente, partie de code manquant), contactez-moi au [email protected]. Qui est, me contacter pour le moindre problème que vous avez à propos de ce que vous lisez.
The Box Le schéma suivant montre la boîte: _______________________________________ | | | marge (transparent) | | _____________________________________ | | | | | | | frontière | | | | __________________________________ | | | | | | | | | | | padding | | | | | | _______________________________ | | | | | | | | | | | | | | | contenu | | | | | | | | _______________________________ | | | | | | | __________________________________ | | | | | ____________________________________ | | | _______________________________________ | | élément largeur | | largeur du cadre | Le schéma ci-dessus est pas à l'échelle.
Maintenant, chaque élément a une zone de contenu de noyau entouré d'un rembourrage en option, la frontière et la zone de la marge. Ainsi, certains éléments peuvent avoir des frontières, tandis que d'autres ne peuvent pas. Certains éléments peuvent avoir un rembourrage tandis que d'autres ne peuvent pas. Certains éléments peuvent avoir des marges tandis que d'autres ne peuvent pas. Le contenu est ce que vous voyez. Avec quelques éléments que vous voyez la frontière. La bande rectangulaire entre le contenu et la frontière est de la zone de remplissage.
La frontière elle-même est aussi une bande rectangulaire. Autour de la frontière est de la bande de marge. Si l'élément a une couleur ou une image de fond, vous voyez la couleur ou une image dans la zone de remplissage. Vous ne pouvez pas voir la couleur ou l'image de fond à travers la partie de contenu, à moins que la partie du contenu a des parties transparentes. La frontière (bande) se présente normalement avoir une couleur.
La bande de marge est toujours transparente et vous pouvez voir à travers elle pour voir le fond (couleur ou une image) de l'élément BODY HTML, toutes choses étant égales. La largeur de l'élément est la largeur de la zone de contenu. La hauteur de l'élément est la hauteur de la zone de contenu. Vous pouvez utiliser les propriété