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