CSS margin-bottom ระยะด้านล่าง

การประกาศและการใช้งาน

ลูกศอก margin-bottom กำหนดลูกศอกด้านล่างของอนุภาค。

หมายเหตุ:อนุญาตให้ใช้ค่าลบ。

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

การเรียนรู้ CSS:CSS มุมด้านนอก

คู่มือการใช้ HTML DOM:ลูกศอก marginBottom

ตัวอย่าง

ตั้งลูกศอกด้านล่างของอนุภาค p:

p
  {
  margin-bottom:2cm;
  }

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

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

รายละเอียดการเขียน CSS:

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

ค่าทางตัวแปร

ค่า รายละเอียด
auto บราวเซอร์คำนวณลูกศอกด้านล่าง。
length กำหนดลูกศอกด้านล่างด้วยหน่วยที่เป็นจำนวนเช่นพิกเซล, เซนติเมตร และอื่น ๆ ค่าเริ่มต้นคือ 0px。
% กำหนดลูกศอกด้านล่างด้วยร้อยละของความกว้างของอนุภาคที่มีลักษณะเดียวกัน。
inherit กำหนดให้มีการสืบทอดมาจากอนุภาคพ่อโดยการกำหนดลูกศอกของอนุภาคด้านล่าง。

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

ค่าเริ่มต้น: 0
ความสืบทอด: no
รุ่น: CSS1
ระบบการเขียนทางภาษา JavaScript: object.style.marginBottom="10px"

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

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

การสนับสนุนโดยบราวเซอร์

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

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