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