最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style top Property

例

设置一个的顶部位置<button>元素：

document.getElementById("myBtn").style.top = "100px";

定义和用法

顶部属性设置或返回定位元素的顶部位置。

该属性指定包括填充，滚动条，边框和边距元素的顶部位置。

Tip:甲定位元件与所述位置属性设置为一个元件：相对的，绝对的，或固定的。

提示：要设置或返回一个定位元素的底部位置，可使用底部属性。

浏览器支持

顶部属性在所有主流浏览器的支持。

句法

返回顶部属性：

object .style.top

设置top属性：

oject .style.top="auto| 属性值

值	描述
auto	让浏览器设置的顶部位置。这是默认
length	定义长度单位的顶部位置。允许使用负值
%	设置在父元素的高度的％的顶部位置
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	汽车
返回值：	一个字符串，表示位于元件的顶部位置
CSS版本	CSS2

更多示例

例

使用负值-设置一个的顶部位置<div>元素：

document.getElementById("myDiv").style.top = "-100px";

例

返回一个的顶部位置<div>元素：

alert(document.getElementById("myDiv").style.top);

相关页面

CSS教程： CSS定位

CSS参考： top property