Exemple
Réglez la marge supérieure d'un <div> élément:
document.getElementById("myDiv").style.marginTop = "50px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés marginTop ou retourne le bord supérieur 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é marginTop est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété marginTop:
object .style.marginTop
Définissez la propriété marginTop:
object .style.marginTop=" Valeurs de propriété Valeur La description % Définit la marge supérieure en% de la largeur de l'élément parent length Définit la marge supérieure en unités de longueur auto Le navigateur définit la marge supérieure 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 la marge supérieure d'un élément version CSS CSS1
autres exemples
Exemple
Changer la marge supérieure d'un <div> élément retour à "normal" :
document.getElementById("myDiv").style.marginTop="0px"; Essayez vous - même »
Exemple
Retour la marge supérieure d'un <div> élément:
alert(document.getElementById("myDiv").style.marginTop);
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 »
Pages associées
Tutoriel CSS: Marge CSS
Référence CSS: la margin-top property
Référence HTML DOM: margin property
<Style objet