documentation css margin-bottom

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » margin-bottom

Table des matières

margin-bottom

Version CSS : 1

  • S’applique à : Tous les éléments.
  • Valeur héritée : Non
  • Valeur par défaut : selon l’élément

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
margin-bottom Partiel Partiel Oui Oui Partiel Oui Non testé Non testé
Unité de longueur Oui Oui Oui Oui Oui Oui Non testé Non testé
Percentage Partiel Oui Oui Oui Oui Oui Non testé Non testé
auto Partiel Partiel Oui Oui Oui Oui Non testé Non testé
inherit Non Non Oui Oui Oui Oui Non testé Non testé

Explications

Permet de définir la marge ou l’espace en bas d’un élément avec celui qui le suit ou son élément parent. Si la marge est utilisée pour redéfinir la balise <body>, celle-ci déterminera l’espace entre le contenu de la page et le bord inférieur de la fenêtre.

Pour une marge avec la valeur “auto”, le calcul se fera en fonction de la largeur/hauteur de l’élement ainsi que celle de l’élément parent.

La valeur attribuée à “margin-top” sera toujours prioritaire par rapport à la valeur donnée à “margin-bottom”.

Les marges des autres cotés peuvent être définis avec “margin-top”, “margin-left”, et “margin-right”, ou à l’aide de “margin” pour définir tous les cotés directement.

Si Netscape 4.5 reconnait la propriété margin, celle-ci y est cependant parfois mal interprétée.

Exemple de script 

.margin1 {
  margin-bottom: 30px ;
}
 
.margin2 {
  margin-bottom: 5%;
}
 
.margin3 {
  margin-bottom: auto;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod