ตัวอย่าง
ตั้งขอบด้านซ้ายของตำแหน่งที่แน่นอน <div> องค์ประกอบ 80px ไปทางขวาของขอบด้านซ้ายของบรรพบุรุษของตนในตำแหน่งที่ใกล้ที่สุด:
div.absolute {
position: absolute;
left: 80px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
ลองตัวเอง» ความหมายและการใช้งาน
สำหรับองค์ประกอบในตำแหน่งอย่างแน่นอนคุณสมบัติซ้ายชุดขอบด้านซ้ายขององค์ประกอบไปที่หน่วยไปทางซ้าย / ขวาของขอบด้านซ้ายของบรรพบุรุษของตนในตำแหน่งที่ใกล้ที่สุด
หมายเหตุ: หากเป็นองค์ประกอบในตำแหน่งที่แน่นอนไม่มีบรรพบุรุษในตำแหน่งที่จะใช้ร่างกายของเอกสารและการเคลื่อนไหวพร้อมกับการเลื่อนหน้า
หมายเหตุ: "positioned" องค์ประกอบหนึ่งที่มีตำแหน่งเป็นอะไรยกเว้นแบบคงที่
สำหรับองค์ประกอบในตำแหน่งที่ค่อนข้างคุณสมบัติซ้ายชุดขอบด้านซ้ายขององค์ประกอบไปที่หน่วยไปทางซ้าย / ขวาเพื่อตำแหน่งปกติ
Note: หาก "position:static" คุณสมบัติซ้ายไม่มีผล
| ค่าเริ่มต้น: | auto |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | yes. Read about animatable Try it |
| เวอร์ชัน: | CSS2 |
| ไวยากรณ์ javascript: | object .style.left="100px" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| left | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS ไวยากรณ์
left: auto|length|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| auto | ช่วยให้เบราว์เซอร์คำนวณตำแหน่งขอบด้านซ้าย นี้จะเริ่มต้น | เล่น " |
| length | ตั้งตำแหน่งขอบด้านซ้ายใน PX, ซม., ฯลฯ ค่าลบจะได้รับอนุญาต | เล่น " |
| % | ตั้งตำแหน่งขอบด้านซ้ายใน% ของที่มีองค์ประกอบ ค่าลบจะได้รับอนุญาต | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
CSS Tutorial: ตำแหน่ง CSS
อ้างอิง CSS: right property
อ้างอิง CSS: bottom property
อ้างอิง CSS: top property
อ้างอิง HTML DOM: left property