ล่าสุดการพัฒนาเว็บบทเรียน
×

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: องค์ประกอบในตำแหน่งที่เป็นองค์ประกอบที่มีคุณสมบัติในตำแหน่งที่กำหนดให้เป็น: ญาติแน่นอนหรือคง

เคล็ดลับ: การตั้งค่าหรือกลับตำแหน่งด้านล่างขององค์ประกอบในตำแหน่งที่ใช้ ด้านล่าง คุณสมบัติ


สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

สถานที่ให้บริการชั้นนำได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด


วากยสัมพันธ์

กลับสถานที่ให้บริการด้านบน:

object .style.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


<สไตล์วัตถุ