CSS left คุณสมบัติ
- หน้าแบบ @layer
- หน้าต่อไป letter-spacing
การกำหนดและการใช้งาน
คุณสมบัติ left กำหนดขอบซ้ายขององค์ประกอบ คุณสมบัตินี้กำหนดการหลุดชายของตัวแปรที่ตั้งตำแหน่งตามขอบซ้ายขององค์ประกอบ
หมายเหตุถ้าค่าของคุณสมบัติ position คือ static การตั้งค่าคุณสมบัติ left จะไม่มีผล
คำอธิบาย
สำหรับองค์ประกอบที่ถูกกำหนดเป็น static ค่าจะเป็น auto สำหรับค่าความยาว ค่าจะเป็นความยาวที่เท่ากัน สำหรับอัตราเปอร์เซ็นต์ ค่าจะเป็นค่าที่กำหนด และค่าอื่น ๆ จะเป็น auto
สำหรับองค์ประกอบที่ถูกกำหนดเป็นฐานเส้นทางเดินทาง ค่าการคำนวณของ left จะเท่ากับ right
ดูเพิ่มเติมที่
ตัวอย่าง CSSการจัดตำแหน่ง CSS
คู่มือ HTML DOMคุณสมบัติ left
ตัวอย่าง
ตั้งขอบซ้ายของภาพที่อยู่ที่ขอบซ้ายขององค์ประกอบที่มีความยาว 100 พิกเซลต่อขอบซ้ายขององค์ประกอบ
img
{
position:absolute;
left:100px;
}
CSS ระบบ
left: auto|length|initial|inherit;
ค่าทางตัวแปร
| ค่า | คำอธิบาย |
|---|---|
| auto | ค่าเริ่มต้น |
| % | ตั้งตำแหน่งของขององค์ประกอบด้วยอัตราเปอร์เซ็นต์ขององค์ประกอบ สามารถใช้ค่าลบได้ |
| length | ตั้งตำแหน่งของขององค์ประกอบด้วยหน่วยเมตรเช่น px, cm และอื่น ๆ สามารถใช้ค่าลบได้ |
| inherit | กำหนดให้มีค่าจากองค์ประกอบพ่อของ left ตามค่าองค์ประกอบ |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | auto |
|---|---|
| การสืบทอด: | no |
| เวอร์ชั่น： | CSS2 |
| JavaScript ระบบ | object.style.left="100px" |
ตัวอย่างเพิ่มเติม
- การตั้งขอบซ้ายของภาพด้วยค่าคงที่
- ตัวอย่างนี้แสดงวิธีการใช้ค่าคงที่เพื่อตั้งขอบซ้ายของภาพ
- การตั้งขอบซ้ายของภาพด้วยอัตราเปอร์เซ็นต์
- ตัวอย่างนี้แสดงวิธีการใช้อัตราเปอร์เซ็นต์เพื่อตั้งขอบซ้ายของภาพ
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางบอกว่าอัตรานิยมแรกที่สนับสนุนคุณสมบัตินี้คือ
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
- หน้าแบบ @layer
- หน้าต่อไป letter-spacing
