Style paddingLeft Property

Exemple

Régler le rembourrage gauche d'un <div> élément:

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

Définition et utilisation

Les ensembles de propriétés paddingLeft ou retourne le rembourrage 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é paddingLeft est pris en charge dans tous les principaux navigateurs.

Syntaxe

Retour la propriété paddingLeft:

object .style.paddingLeft

Définissez la propriété paddingLeft:

object .style.paddingLeft=" Valeurs de propriété

Valeur	La description
%	Définit le rembourrage gauche en% de la largeur de l'élément parent
length	Définit le rembourrage gauche en unités de longueur
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 le rembourrage gauche d'un élément
version CSS	CSS1

autres exemples

Exemple

Changer le remplissage gauche d'un <div> élément retour à "normal" :

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

Essayez vous - même »

Exemple

Retour le remplissage gauche d'un <div> élément:

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

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 »