Style paddingLeft propriété

Définition et utilisation

paddingLeft Définit et retourne la marge interne 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 le margin 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 :Marge interne CSS

Manuel de référence CSS :Propriété padding-left

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

Exemple

Exemple 1

Définir la marge interne gauche de l'élément <div> :

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

Essayez-le vous-même

Exemple 2

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

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

Essayez-le vous-même

Exemple 3

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

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

Essayez-le vous-même

Exemple 4

La différence entre marginLeft et paddingLeft :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété paddingLeft :

object.style.paddingLeft

Définir la propriété paddingLeft :

object.style.paddingLeft = "%|length|initial|inherit"

Valeur de l'attribut

Valeur Description
% Définit la marge interne gauche en pourcentage de la largeur de l'élément parent.
length Définit la marge interne gauche en unité de longueur.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Une chaîne de caractères, représentant la marge interne 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