Exemple
Définir la marge gauche d'un <div> élément:
document.getElementById("myDiv").style.marginLeft = "50px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés MarginLeft ou retourne la marge gauche 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é marginLeft est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété marginLeft:
object .style.marginLeft
Définissez la propriété marginLeft:
object .style.marginLeft=" Valeurs de propriété Valeur La description % Définit la marge gauche en% de la largeur de l'élément parent length Définit la marge de gauche en unités de longueur auto Le navigateur définit la marge gauche 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 de gauche d'un élément version CSS CSS1
autres exemples
Exemple
Changer la marge gauche d'une <div> élément retour à "normal" :
document.getElementById("myDiv").style.marginLeft = "0px"; Essayez vous - même »
Exemple
Retour la marge gauche d'une <div> élément:
alert(document.getElementById("myDiv").style.marginLeft);
Essayez vous - même »
Exemple
Différence entre marginLeft et paddingLeft:
function changeMargin() {
document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingLeft
= "100px";
}
Essayez vous - même »
Pages associées
Tutoriel CSS: Marge CSS
Référence CSS: margin-left property
Référence HTML DOM: margin property
<Style objet