HTML DOM propiedad Estilo paddingTop
Definición y Uso
Los márgenes de los conjuntos de propiedades paddingTop o devuelve los elementos dentro.
propiedad padding espacio define la frontera elemento y el contenido del elemento intermedio.
gramática
Configuración de las propiedades paddingTop:
paddingTop propiedades para la espalda:
值 | 描述 |
---|---|
% | 定义基于父元素宽度的百分比上内边距。 |
length | 使用 px、cm 等单位定义上内边距的宽度。 |
inherit | 上内边距从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad paddingTop.
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
Div cambiar elementos en el margen interno:
<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