CSS margin-top รายการ

การกำหนดและการใช้งาน

attribute margin-top กำหนดระยะห่างด้านบนขององค์ประกอบ。

หมายเหตุ:ยอมรับค่าลบ

ดูเพิ่มเติมที่:

ตัวอย่าง CSS:เมื่อต้น CSS

คู่มืออ้างอิง HTML DOM:attribute marginTop

ตัวอย่าง

ตั้งระยะห่างด้านบนขององค์ประกอบ p:

p
  {
  margin-top:2cm;
  }

ทดลองด้วยตัวเอง

ตัวอย่างเพิ่มเติมสามารถหาได้ที่ด้านล่างของหน้าเว็บนี้

ระบบการใช้งาน CSS:

margin-top: length|auto|initial|inherit;

ค่าทางด้านอุปกรณ์

ค่า รายละเอียด
auto ระยะห่างด้านบนขององค์ประกอบที่ตั้งโดยเครื่องมือเรียกใช้งาน。
length กำหนดระยะห่างด้านบนขององค์ประกอบแบบคงที่。ค่าเริ่มต้นคือ 0。
% กำหนดระยะห่างด้านบนขององค์ประกอบด้วยสัดส่วนของความกว้างขององค์ประกอบรวม。
inherit กำหนดที่ควรที่จะสืบทอดระยะห่างด้านบนขององค์ประกอบจากองค์ประกอบพ่อของเขา。

รายละเอียดเทคนิค

ค่าเริ่มต้น: 0
นิยามถึงการสืบทอด: no
รุ่น: CSS1
JavaScript ระบบการใช้งาน: object.style.marginTop="10px"

ตัวอย่างเพิ่มเติม

ตั้งระยะห่างด้านบนของข้อความ 1
ตัวอย่างนี้แสดงวิธีการใช้หน่วยนิ้วเมตรเพื่อตั้งระยะห่างด้านบนของข้อความ。
ตั้งระยะห่างด้านบนของข้อความ 2
ตัวอย่างนี้แสดงวิธีการใช้สัดส่วนเปอร์เซ็นต์เพื่อตั้งระยะห่างด้านบนของข้อความ。

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางระบุสูตรฯ แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5