คำอธิบาย
ซ้ายคุณสมบัติกำหนดชดเชยของขอบด้านซ้ายขององค์ประกอบในตำแหน่งที่แน่นอนจากขอบด้านซ้ายของบริบทการวางตำแหน่งของตนหรือระยะทางในแนวนอนซึ่งเป็นองค์ประกอบในตำแหน่งที่ค่อนข้างจะถูกแทนที่
ค่าที่เป็นไปได้
length - ระยะทางคงที่จากด้านซ้ายของบริบทการวางตำแหน่ง
percent - เปอร์เซ็นต์บางส่วนของความกว้างของบริบทการวางตำแหน่งโดยสมมติว่าความกว้างของบริบทถูกกำหนดไว้อย่างชัดเจน
auto- ค่าเริ่มต้น ให้เบราว์เซอร์คำนวณตำแหน่งด้านซ้าย
นำไปใช้กับ
องค์ประกอบตำแหน่ง HTML ทั้งหมด
ไวยากรณ์ DOM
object.style.left = "2px";
ตัวอย่าง
นี่คือตัวอย่างที่แสดงผลกระทบของคุณสมบัตินี้ -
<html>
<head>
</head>
<body>
<p style = "position:absolute; left:100px;">
This line will be positioned 100px away from the left edge of this window.
</p>
</body>
</html>
มันจะให้ผลลัพธ์ดังต่อไปนี้ -