Padding

En CSS, la propriété padding est utilisée pour définir l'espace (remplissage) entre le contenu d'un élément HTML et ses bordures (intérieur). Elle contrôle la distance entre le contenu de l'élément et ses limites internes.

La propriété padding accepte des valeurs positives, spécifiées pour les quatre côtés de l'élément (haut, droite, bas, gauche), ou pour chaque côté individuellement.

Voici quelques exemples pour illustrer son utilisation :

/* Padding de 10 pixels pour tous les côtés de l'élément */
padding: 10px;

/* Padding de 20 pixels en haut et en bas, 10 pixels à gauche et à droite */
padding: 20px 10px;

/* Padding de 5 pixels en haut, 10 pixels à droite, 15 pixels en bas, 20 pixels à gauche */
padding: 5px 10px 15px 20px;

Comme pour la propriété margin, il est possible d'utiliser des valeurs spécifiques telles que des pourcentages, des ems, des rems, etc., pour définir le remplissage de manière plus flexible.