HTML DOM propiedad Estilo marginTop
Definición y Uso
marginTop conjuntos de propiedades o devuelve el elemento en el margen.
gramática
Configuración de las propiedades marginTop:
Object.style.marginTop="%|length|auto|inherit"
Volver propiedades marginTop:
Object.style.marginTop
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上外边距。 |
length | 使用 px、cm 等单位定义上外边距的宽度。 |
auto | 浏览器设定的上外边距。 |
inherit | 上外边距从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad marginTop.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".
Notas y sugerencias
propiedades de los márgenes y las propiedades de relleno se insertan en el espacio alrededor del elemento. Sin embargo, la diferencia está, el margen se inserta en el espacio alrededor del exterior de la frontera, el espacio inserciones de relleno dentro de la frontera elemento.
Ejemplos
Ejemplos
Cambiar div elemento en el margen:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style type = "text / css">
div {
frontera: 1px solid # FF0000;
}
</ Style>
<Script>
changeMargin función () {
document.getElementById ( "EX1") style.marginTop = "100px" .;
}
changePadding función () {
document.getElementById ( "EX2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Cuerpo>
<Div id = "EX1"> Esto es un texto. </ Div>
<br>
<Tipo botón = "botón" onclick = "changeMargin ()"> Modificar elemento div en la parte superior del espacio exterior </ botón>
<br>
<br>
<Div id = "EX2"> Esto es un texto. </ Div>
<br>
<Botón tipo "botón" = onclick = "changePadding ()"> modificaciones dentro de la parte superior del elemento div espaciado </ botón>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style type = "text / css">
div {
frontera: 1px solid # FF0000;
}
</ Style>
<Script>
changeMargin función () {
document.getElementById ( "EX1") style.marginTop = "100px" .;
}
changePadding función () {
document.getElementById ( "EX2") style.paddingTop = "100px" .;
}
</ Script>
</ Head>
<Cuerpo>
<Div id = "EX1"> Esto es un texto. </ Div>
<br>
<Tipo botón = "botón" onclick = "changeMargin ()"> Modificar elemento div en la parte superior del espacio exterior </ botón>
<br>
<br>
<Div id = "EX2"> Esto es un texto. </ Div>
<br>
<Botón tipo "botón" = onclick = "changePadding ()"> modificaciones dentro de la parte superior del elemento div espaciado </ botón>
</ Body>
</ Html>
Trate »
Objetos de estilo