La propriété de feuille de style css margin css permet de gérer les quatres marges extérieures (droite, gauche, haute, basse) d'un élément HTML ou XHTML en une seule fois.

La propriété de feuille de style margin css peut prendre les valeurs de (dans l'ordre énoncé):
- margin-top valeur de la marge haute,
- margin-right, valeur de la marge droite,
- margin-bottom, valeur de la marge basse,
- margin-left, valeur de la marge gauche.
- auto, valeur seule, marge calculée automatiquement,
- inherit, valeur seule, hérite des propriétés de son parent (css 2).


Les valeurs des marges sont des valeurs numériques suivies de px ou % ou pt ou em ou simplement auto (mal interprété sur les anciens navigateurs).
Il est possible d'omettre des valeurs.
Si la feuille de style margin css est suivie d'une valeur alors cette dernière sera appliquée à toutes les marges.
Si la feuille de style css margin est suivie deux valeurs alors la première sera appliquée aux marges horizontales et la seconde aux marges verticales.
Si la feuille de style margin css est suivie quatres valeurs alors elles correspondent dans l'ordre aux marges margin-top, margin-right, margin-bottom, margin-left.

La feuille de style margin css est applicable sur l'ensemble des balises HTML ou XHTML.
La feuille de style css margin n'a pas d'équivalence en HTML ou XHTML.
Voir les cas particuliers dans margin-top, margin-right, margin-bottom, margin-left

Les balises filles HTML ou XHTML n'héritent pas de la propriété.

Toutes les feuilles de style de marges extérieures posent un problème d'interprétation suivant la DTD.
Voir l'explication du bug dans la feuille de style PADDING

Les marges gauches d'un ul ou ol sont gérés différement suivant les navigateurs.

Firefox, Mozilla, Netscape utilisent pour faire une marge droite padding-left.
Exemple avec un padding-left:0

Internet Explorer et Opéra utilisent pour faire une marge droite margin-left.
Exemple avec un margin-left:0

Pour que cela fonctionne sur toutes les navigateurs :

Vous trouverez ci-dessous divers bugs d'interprétation de la css margin.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.