CSS margin-bottom ระยะด้านล่าง
- หน้าที่แล้ว margin-block-start
- หน้าต่อไป margin-inline
การประกาศและการใช้งาน
ลูกศอก 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 |
- หน้าที่แล้ว margin-block-start
- หน้าต่อไป margin-inline