Remplissage du modèle de boîte

La distance entre le contenu de l'élément et la bordure peut être définie, ce que l'on appelle le « remplissage ». Le remplissage peut également être divisé en haut, droite, bas et gauche (dans le sens des aiguilles d'une montre). Le code suivant :

div{padding:20px 10px 15px 30px;>

La commande ne doit pas être confondue. Vous pouvez écrire le code ci-dessus séparément :

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

Si les remplissages supérieur, droit, inférieur et gauche sont tous de 10 px, vous pouvez écrire comme ceci

div{padding:10px;}

Si les remplissages supérieur et inférieur sont les mêmes ; même 10px, et les remplissages gauche et droit sont les mêmes 20px, vous pouvez écrire ceci :

div{padding:10px 20px;}