Style marginLeft property

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";

Essayer par vous-même

Exemple 2

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

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

Essayer par vous-même

Exemple 3

Retourne la marge extérieure gauche de l'élément <div> :

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

Essayer par vous-même

Exemple 4

Différence entre marginLeft et paddingLeft :

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

Essayer par vous-même

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