propriété HTML DOM style paddingTop
Définition et utilisation
Les marges sur les ensembles de propriétés de paddingTop ou retourne les éléments à l'intérieur.
propriété Espace de remplissage définit la frontière de l'élément et le contenu de l'élément entre les deux.
grammaire
Définition des propriétés de paddingTop:
Retour propriétés paddingTop:
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上内边距。 |
length | 使用 px、cm 等单位定义上内边距的宽度。 |
inherit | 上内边距从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété de paddingTop.
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éments sur la marge intérieure:
<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