Style paddingTop Property

Exemple

Réglez le rembourrage haut d'un <div> élément:

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

Définition et utilisation

Les ensembles de propriétés de paddingTop ou retourne le rembourrage de dessus d'un élément.

Les propriétés de remplissage définissent l'espace entre la bordure de l'élément et le contenu de l'é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é paddingTop est pris en charge dans tous les principaux navigateurs.

Syntaxe

Retour la propriété paddingTop:

object .style.paddingTop

Définissez la propriété paddingTop:

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

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

autres exemples

Exemple

Modifier le rembourrage haut d'une <div> élément retour à "normal" :

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

Essayez vous - même »

Exemple

Retour le rembourrage haut d'un <div> élément:

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

Essayez vous - même »

Exemple

Différence entre marginTop et paddingTop:

function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}

function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}

Essayez vous - même »