CSS margin-left รายละเอียด
- หน้าที่แล้ว margin-inline-start
- หน้าต่อไป margin-right
การกำหนดและการใช้งาน
มีการตั้งค่าระยะห่างด้านซ้ายของอนุภาค。
หมายเหตุ:ยอมรับค่าลบ
ดูเพิ่มเติมที่:
คู่มือ CSSCSS ขอบนอก
คู่มือ HTML DOM属性 marginLeft
ตัวอย่าง
ตั้งค่าระยะห่างด้านซ้ายของอนุภาค p:
p
{
margin-left:2cm;
}
（หากต้องการตัวอย่างเพิ่มเติม สามารถหาได้ที่ด้านล่างของหน้า）
การใช้งาน CSS
margin-left: length|auto|initial|inherit;
ค่าทางตัวเลือก
| ค่า | คำอธิบาย |
|---|---|
| auto | ระยะห่างด้านซ้ายที่กำหนดโดยบราวเซอร์。 |
| length | กำหนดระยะห่างด้านซ้ายที่คงที่ ค่าเริ่มต้นคือ 0。 |
| % | กำหนดระยะห่างด้านซ้ายด้วยอัตราส่วนของความกว้างของอนุภาคที่มีเนื้อหา。 |
| inherit | กำหนดให้มีการสืบทอดระยะห่างด้านซ้ายจากอนุภาคพ่อ。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | 0 |
|---|---|
| การสืบทอด: | no |
| เวอร์ชั่น: | CSS1 |
| JavaScript การใช้งาน: | object.style.marginLeft="10px" |
ตัวอย่างเพิ่มเติม
- ตั้งค่าระยะห่างด้านซ้ายของข้อความ 1
- ตัวอย่างนี้แสดงวิธีการใช้หน่วยเมตรเซนติเมตรเพื่อตั้งค่าระยะห่างด้านซ้ายของข้อความ。
- ตั้งค่าระยะห่างด้านซ้ายของข้อความ 2
- ตัวอย่างนี้แสดงวิธีการใช้อัตราส่วนเปอร์เซ็นต์เพื่อตั้งค่าระยะห่างด้านซ้ายของข้อความ。
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- หน้าที่แล้ว margin-inline-start
- หน้าต่อไป margin-right
