Margin

En CSS, la propriété margin est utilisée pour définir l'espace (marge) autour d'un élément HTML (extérieure). Elle contrôle la distance entre les bords de l'élément et les éléments adjacents.

La propriété margin accepte des valeurs positives (pour créer de l'espace) ou négatives (pour rapprocher les éléments les uns des autres). Elle peut être définie pour les quatre côtés de l'élément (haut, droite, bas, gauche) ou spécifiée de manière plus précise pour chaque côté individuellement.

Voici quelques exemples pour illustrer son utilisation :

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

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

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

Il est également possible d'utiliser des valeurs spécifiques telles que des pourcentages, des ems, des rems, etc., pour définir la marge de manière plus flexible.