คุณสมบัติ style bottom

คำอธิบายและการใช้งาน

bottom ตั้งค่าหรือกลับค่าตำแหน่งล่างขององค์ประกอบเล่นตัวที่ตั้งตำแหน่ง

คำเตือน:องค์ประกอบเล่นตัวที่ตั้งตำแหน่งคือองค์ประกอบเล่นตัวที่มีคุณสมบัติ position ที่ตั้งเป็น relative、absolute หรือ fixed

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

ดูเพิ่มเติม:

ตัวอย่าง CSS:CSS การจัดตัว

คู่มือ CSS:คุณสมบัติ bottom

ตัวอย่าง

ตัวอย่าง 1

ตั้งตำแหน่งล่างของ <button>:

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

ลองเดาเอง

ตัวอย่าง 2

ตั้งตำแหน่งล่างของ <div>:

document.getElementById("myDiv").style.bottom = "10px";

ลองเดาเอง

ตัวอย่าง 3

ใช้ค่าลบ - ตั้งตำแหน่งล่างของ <div>:

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

ลองเดาเอง

ตัวอย่าง 4

กลับค่าตำแหน่งล่างของ <div>:

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

ลองเดาเอง

รูปแบบ

กลับค่าคุณสมบัติ bottom:

object.style.bottom

ตั้งค่าคุณสมบัติ bottom:

object.style.bottom = "auto|length|%|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
auto ให้เครื่องนำเข้าการตั้งตำแหน่งล่าง ค่าเริ่มต้น
length กำหนดตำแหน่งล่างด้วยหน่วยความยาว อนุญาตให้มีค่าลบ
% ตั้งตำแหน่งล่างด้วยเปอร์เซ็นต์สูงขององค์ประกอบเล่นตัวพ่อ
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit ทำให้องค์ประกอบเล่นตัวของพ่อของมันสืบทอดคุณสมบัตินี้ โปรดดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น auto
ค่าที่กลับมา ข้อความตัวอย่าง，แสดงตำแหน่งล่างขององค์ประกอบเล่นตัว.
CSS รุ่น: CSS2

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน