propiedad top HTML DOM Estilo
Objetos de estilo Definición y Uso
los mejores conjuntos de propiedades o devuelve la primera posición del elemento de posicionamiento.
Este atributo especifica la posición superior de un elemento, que comprende: el relleno, barras de desplazamiento, bordes y márgenes.
Consejo: un elemento de posicionamiento es atributo la posición del elemento se establece: relative (relativa), absoluto (absoluto) o fija (fija).
gramática
Set top propiedades:
Object.style.top="auto|length|%|inherit"
Copias de los mejores propiedades:
Object.style.top
| 值 | 描述 |
|---|---|
| auto | 默认。通过浏览器计算顶部的位置。 |
| length | 使用 px、cm 等单位定义元素的顶边到最近一个具有定位设置父元素的顶部边缘的位置。可使用负值。 |
| % | 定义元素的顶边到最近一个具有定位设置父元素的顶部边缘的百分比位置。 |
| inherit | top 属性的值从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la parte superior propiedad.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".
Ejemplos
Ejemplos
botón de configuración en primeras posiciones:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style type = "text / css">
# B1 {
position: absolute;
}
</ Style>
<Script>
displayResult función () {
. Document.getElementById ( "B1") style.top = "100px";
}
</ Script>
</ Head>
<Cuerpo>
<Input type = "button" id = "b1" onclick = "displayResult) (" value = "se ajusta en la parte superior la posición 100 px">
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style type = "text / css">
# B1 {
position: absolute;
}
</ Style>
<Script>
displayResult función () {
. Document.getElementById ( "B1") style.top = "100px";
}
</ Script>
</ Head>
<Cuerpo>
<Input type = "button" id = "b1" onclick = "displayResult) (" value = "se ajusta en la parte superior la posición 100 px">
</ Body>
</ Html>
Trate »
Objetos de estilo