Sommaire

Les Boîte:marges externesmarges externes

1. La Boîte:marge globalemarge Marge:globaleglobale et les Boîte:marges différenciéesmarges Marge:différenciéedifférenciées

Les Marge:externemarges externes permettent de définir l’espace autour des boîtes. Vous avez quatre marges possibles : en haut, à droite, en bas et à gauche. Si vous avez la même valeur à appliquer sur les quatre côtés, utilisez la propriété margin. Si vous souhaitez différencier les valeurs des quatre côtés, utilisez les propriétés : margin-top, margin-right, margin-bottom et margin-left.

Voici un exemple simple d’application de ces propriétés :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       #p-un { 
           margin: 30px ; 
       } 
       #p-deux { 
           margin-top: 30px ; 
           margin-right: 50px ; 
           margin-bottom: 40px ; 
           margin-left: 60px ; 
       } 
   </style> 
</head>  ...