Propriété de marge supérieure de style

Définition et utilisation

paddingTop Définit ou retourne la marge supérieure interne de l'élément.

Définit l'espace entre la bordure de l'élément et le contenu 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 dans le fait 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 :Propriété padding-top CSS

Guide CSS :Propriété padding-top

Guide HTML DOM :Propriété padding

Exemple

Exemple 1

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

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

Essayez-le vous-même

Exemple 2

Remettre la marge supérieure interne de l'élément <div> à "normal" :

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

Essayez-le vous-même

Exemple 3

Retourner la marge supérieure interne de l'élément <div> :

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

Essayez-le vous-même

Exemple 4

Difference entre marginTop et paddingTop :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété paddingTop :

object.style.paddingTop

Définir la propriété paddingTop :

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

Valeur de l'attribut

Valeur Description
% Définir la marge supérieure interne en pourcentage de la largeur de l'élément parent.
length Définir la marge supérieure interne en unité de longueur.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inhérite cette propriété de l'élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Chaîne, représentant la marge supérieure interne de l'élément.
Version CSS : CSS1

Navigateur pris en charge

Chrome Edge Firefox Safari Safari
Chrome Edge Firefox Safari Safari
Opera Opera Opera Opera Opera