Propriété Style marginTop

Définition et utilisation

marginTop Définir ou retourner la marge extérieure supérieure 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 margin insère de l'espace autour de la bordure, tandis que padding insère de l'espace à l'intérieur de la bordure de l'élément.

Voir également :

Tutoriel CSS :Marge extérieure CSS

Manuel CSS :Propriété margin-top

Manuel HTML DOM :Propriété margin

Exemple

Exemple 1

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

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

Essayez-le vous-même

Exemple 2

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

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

Essayez-le vous-même

Exemple 3

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

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

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é marginTop :

object.style.marginTop

Définir la propriété marginTop :

object.style.marginTop = "%|length|auto|initial|inherit"

Valeur de l'attribut

Valeur Description
% Définit la marge extérieure supérieure en pourcentage de la largeur de l'élément parent.
length Définit la marge extérieure supérieure en unité de longueur.
auto Paramètres de marge extérieure supérieure du navigateur
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 extérieure supérieure 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