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