สไตล์ท็อปพร็อพเพอร์ตี้
ตัวอย่าง
ตั้งค่าตำแหน่งบนสุดของ <button> องค์ประกอบ:
document.getElementById("myBtn").style.top = "100px";
ความหมายและการใช้งาน
คุณสมบัติด้านบนตั้งค่าหรือส่งคืนตำแหน่งบนสุดขององค์ประกอบที่อยู่ในตำแหน่ง
คุณสมบัตินี้ระบุตำแหน่งบนสุดขององค์ประกอบรวมถึงการเติม แถบเลื่อน เส้นขอบ และระยะขอบ
เคล็ดลับ:องค์ประกอบที่มีตำแหน่งเป็นองค์ประกอบที่มีการตั้งค่าคุณสมบัติตำแหน่งเป็น: สัมพันธ์ สัมบูรณ์ หรือคงที่
เคล็ดลับ:หากต้องการตั้งค่าหรือคืนตำแหน่งด้านล่างขององค์ประกอบที่อยู่ในตำแหน่ง ให้ใช้คุณสมบัติด้านล่าง
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
คืนทรัพย์สินด้านบน:
object.style.top
ตั้งค่าคุณสมบัติด้านบน:
object.style.top = "auto|length|%|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
auto | Lets the browser set the top position. This is default |
length | Defines the top position in length units. Negative values are allowed |
% | Sets the top position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | รถยนต์ |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงตำแหน่งบนสุดขององค์ประกอบที่อยู่ในตำแหน่ง |
เวอร์ชัน CSS | CSS2 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
การใช้ค่าลบ - ตั้งค่าตำแหน่งบนสุดของ <div> องค์ประกอบ:
document.getElementById("myDiv").style.top = "-100px";
ตัวอย่าง
กลับตำแหน่งบนสุดของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.top);
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: การจัดตำแหน่ง CSS
การอ้างอิง CSS: คุณสมบัติด้านบน
❮ สไตล์วัตถุ