Exemple
Réglez la marge inférieure d'un <div> élément:
document.getElementById("myDiv").style.marginBottom = "50px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés marginBottom ou retourne la marge inférieure d'un élément.
Tant la propriété de marge et l'espace d'insertion de la propriété de rembourrage autour d'un élément. Cependant, la différence est que la marge insère l'espace autour de la frontière, tandis que le rembourrage insère l'espace intérieur de la bordure d'un élément.
Support du navigateur
La propriété marginBottom est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété marginBottom:
object .style.marginBottom
Définissez la propriété marginBottom:
object .style.marginBottom=" Valeurs de propriété Valeur La description % Définit la marge inférieure en% de la largeur de l'élément parent length Définit la marge inférieure en unités de longueur auto Le navigateur définit la marge inférieure initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 0 Valeur de retour: Une chaîne, représentant la marge inférieure d'un élément version CSS CSS1
autres exemples
Exemple
Changer la marge inférieure d'un <div> élément retour à "normal" :
document.getElementById("myDiv").style.marginBottom = "0px"; Essayez vous - même »
Exemple
Retour la marge inférieure d'un <div> élément:
alert(document.getElementById("myDiv").style.marginBottom);
Essayez vous - même »
Exemple
Différence entre marginBottom et paddingBottom:
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
Essayez vous - même »
Pages associées
Tutoriel CSS: Marge CSS
Référence CSS: margin-bottom property
Référence HTML DOM: margin property
<Style objet