Qu’est-ce que le modèle de boîte ?
Fait partie de la section Style avec CSS du Journey HTML de Coddy. Leçon 33 sur 76.
En CSS, chaque élément HTML est traité comme une boîte rectangulaire, selon le modèle de boîte. Ce modèle se compose de quatre parties principales :
- Contenu : Le texte, l’image ou tout autre contenu réel à l’intérieur de la boîte.
- Marge intérieure : Espace entre le contenu et la bordure. Elle augmente la taille de l’élément, tout en conservant la couleur d’arrière-plan à l’intérieur.
- Bordure : Une ligne qui entoure le remplissage et le contenu. Elle peut avoir différents styles, couleurs et épaisseurs.
- Marge : Espace à l’extérieur de la bordure qui sépare l’élément des autres éléments.
Comprendre le modèle de boîte aide à contrôler l’espacement et la mise en page dans la conception web ! 🚀
Essayez vous-même
Cette leçon ne comprend pas de défi de code.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Style avec CSS
4Fondamentaux du texte
Couleur du texteFamille de policesTaille de policeGraisse de la policeAlignement du texteDécoration du texteDéfi récapitulatif n° 1Défi récapitulatif n° 27Modèle de boîte – Partie 1
Qu’est-ce que le modèle de boîte ?Espacement intérieurMargesBorduresLargeur et hauteurDéfi récapitulatif
5Couleurs et arrière-plans
Couleur d’arrière-planCouleurs HEXCouleurs RGBTransparence avec RGBADéfi récapitulatif n° 18Modèle de boîte – Partie 2
Dimensionnement des boîtesRayon de bordureDébordementOmbre de boîteDéfi récapitulatifEntraînez-vous par vous-même : Playground Web