Style marginLeft property
- Page précédente marginBottom
- Page suivante marginRight
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
marginLeft
Définir ou retourner la marge extérieure gauche 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 la marge insère de l'espace autour de la bordure, tandis que le padding insère de l'espace à l'intérieur de la bordure de l'élément.
Voir également :
Tutoriel CSS :Marges CSS
Manuel de référence CSS :Propriété margin-left
Manuel de référence HTML DOM :Propriété margin
Exemple 1
Définir la marge extérieure gauche de l'élément <div> :
document.getElementById("myDiv").style.marginLeft = "50px";
Exemple 2
Retourner la marge extérieure gauche de l'élément <div> à "normal" :
document.getElementById("myDiv").style.marginLeft = "0px";
Exemple 3
Retourne la marge extérieure gauche de l'élément <div> :
alert(document.getElementById("myDiv").style.marginLeft);
Exemple 4
Différence entre marginLeft et paddingLeft :
function changeMargin() { document.getElementById("myDiv").style.marginLeft = "100px"; } function changePadding() { document.getElementById("myDiv2").style.paddingLeft = "100px"; }
Syntaxe
Retourne la propriété marginLeft :
object.style.marginLeft
Définir la propriété marginLeft :
object.style.marginLeft = "%|length|auto|inherit"
Valeur de l'attribut
Valeur | Description |
---|---|
% | Définit la marge extérieure gauche en pourcentage de la largeur de l'élément parent. |
length | Définit la marge extérieure gauche en unité de longueur. |
auto | Les paramètres du navigateur définissent la marge extérieure gauche. |
initial | Réinitialise cette propriété à sa valeur par défaut. Voir initial. |
inherit | Inherits this property from its parent element. Voir inherit. |
Détails techniques
Valeur par défaut : | 0 |
---|---|
Valeur de retour : | Chaîne de caractères, représentant la marge extérieure gauche de l'élément. |
Version CSS : | CSS1 |
Navigateur pris en charge
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Page précédente marginBottom
- Page suivante marginRight
- Retour au niveau supérieur Objet Style HTML DOM