最新的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