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