CSS : margin

 La propriété CSS `margin` permet de contrôler l'espace autour d'un élément, en définissant la marge extérieure de l'élément. Elle spécifie la distance entre les bords extérieurs de l'élément et les éléments adjacents. 

La propriété `margin` peut être définie avec une valeur unique pour définir la même marge pour tous les côtés de l'élément, ou avec quatre valeurs pour définir des marges différentes pour chaque côté (haut, droite, bas, gauche).

Par exemple, `margin: 10px;` définit une marge de 10 pixels pour tous les côtés de l'élément, tandis que `margin: 10px 20px 15px 5px;` définit des marges différentes pour chaque côté dans l'ordre : haut, droite, bas, gauche.

Bien sûr, voici quelques exemples d'utilisation de la propriété `margin` en CSS :

1. Définir une marge de 20 pixels pour tous les côtés d'un élément :

```css

div {

    margin: 20px;

}

```

2. Définir des marges différentes pour chaque côté d'un élément :

```css

p {

    margin-top: 10px;

    margin-right: 20px;

    margin-bottom: 15px;

    margin-left: 5px;

}

```

3. Définir une marge horizontale pour un élément avec une valeur unique :

```css

img {

    margin: 0 auto; /* Marge zéro en haut et en bas, centrée horizontalement */

}

```

4. Utiliser des pourcentages pour définir des marges relatives à la taille de la fenêtre :

```css

section {

    margin: 5% 10%; /* Marge de 5% en haut et en bas, 10% à gauche et à droite */

}

```

Ces exemples montrent différentes façons d'utiliser la propriété `margin` pour ajuster l'espacement autour des éléments dans une mise en page CSS.