propriété HTML DOM style marginTop
Définition et utilisation
ensembles de propriétés marginTop ou retourne l'élément sur la marge.
grammaire
Définition des propriétés marginTop:
Object.style.marginTop="%|length|auto|inherit"
Retour propriétés marginTop:
Object.style.marginTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上外边距。 |
length | 使用 px、cm 等单位定义上外边距的宽度。 |
auto | 浏览器设定的上外边距。 |
inherit | 上外边距从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété marginTop.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Trucs et astuces
propriétés de marge et les propriétés de remplissage sont insérés dans l'espace autour de l'élément. Cependant, la différence est, la marge sera insérée dans l'espace autour de l'extérieur de la frontière, des inserts de remplissage espace à l'intérieur de la frontière de l'élément.
Exemples
Exemples
Changer div élément sur la marge:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Style type = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
fonction changeMargin () {
document.getElementById ( "ex1") style.marginTop = "100px" .;
}
fonction changePadding () {
document.getElementById ( "ex2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Body>
<Div id = "ex1"> Ceci est un texte. </ Div>
<br>
<Type Bouton = "button" onclick = "changeMargin ()"> Modifier div élément en haut de l'espacement externe </ button>
<br>
<br>
<Div id = "ex2"> Ceci est un texte. </ Div>
<br>
<Bouton type = "button" onclick = "changePadding ()"> modifications dans la partie supérieure de l'élément div espacement </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Style type = "text / css">
div {
border: 1px solid # FF0000;
}
</ Style>
<Script>
fonction changeMargin () {
document.getElementById ( "ex1") style.marginTop = "100px" .;
}
fonction changePadding () {
document.getElementById ( "ex2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Body>
<Div id = "ex1"> Ceci est un texte. </ Div>
<br>
<Type Bouton = "button" onclick = "changeMargin ()"> Modifier div élément en haut de l'espacement externe </ button>
<br>
<br>
<Div id = "ex2"> Ceci est un texte. </ Div>
<br>
<Bouton type = "button" onclick = "changePadding ()"> modifications dans la partie supérieure de l'élément div espacement </ button>
</ Body>
</ Html>
Essayez »
style Objets