Modèle de boîte - bordure

La distance entre les éléments

et les autres éléments peut être définie à l'aide des marges. Les limites peuvent également être divisées en supérieure, droite, inférieure et gauche. Le code suivant :

div{margin:20px 10px 15px 30px;}

peut également être écrit séparément :

div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; }

Si les bordures supérieure, droite, inférieure et gauche font toutes deux 10px, il peut être écrit comme ceci : < ; >

div{ margin:10px;}

Si les bordures supérieure et inférieure sont identiques à 10 pixels, et que les bordures gauche et droite sont identiques à 20 pixels, vous pouvez l'écrire comme ceci :

div{ margin:10px 20px;}

Pour résumer : la différence entre le remplissage et la marge, le remplissage est à l'intérieur de la bordure et la marge est à l'extérieur de la bordure.