Style marginBottom property

Définition et utilisation

marginBottom configurent ou retournent la marge extérieure inférieure de l'élément.

Propriété margin et Propriété padding Insère de l'espace autour de l'élément. Cependant, la différence réside en ce que margin insère de l'espace autour de la bordure, tandis que padding insère de l'espace à l'intérieur de la bordure de l'élément.

Voir également :

Tutoriel CSS :Marge extérieure CSS

Manuel de référence CSS :Propriété margin-bottom

Manuel de référence HTML DOM :Propriété margin

Exemple

Exemple 1

Définir la marge extérieure inférieure de l'élément <div> :

document.getElementById("myDiv").style.marginBottom = "50px";

Essayez-le vous-même

Exemple 2

Retourner la marge extérieure inférieure de l'élément <div> à "normal" :

document.getElementById("myDiv").style.marginBottom = "0px";

Essayez-le vous-même

Exemple 3

Retourner la marge extérieure inférieure de l'élément <div> :

alert(document.getElementById("myDiv").style.marginBottom);

Essayez-le vous-même

Exemple 4

Différence entre marginBottom et paddingBottom :

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Essayez-le vous-même

Syntaxe

Retourner la propriété marginBottom :

object.style.marginBottom

Définir la propriété marginBottom :

object.style.marginBottom = "%|length|auto|initial|inherit"

Valeur de l'attribut

Valeur Description
% Définit la marge extérieure inférieure en pourcentage de la largeur de l'élément parent.
length Définit la marge extérieure inférieure en unité de longueur.
auto Marge extérieure inférieure configurée par le navigateur.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Chaîne, représentant la marge extérieure inférieure de l'élément.
Version de CSS : CSS1

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support