Style marginBottom คุณสมบัติ

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

marginBottom ตั้งค่าหรือกลับค่าระยะหลังล่างขององค์ประกอบ

คุณสมบัติ margin และ คุณสมบัติ padding ทั้งหมดส่งสนองพื้นที่เรือนในองค์ประกอบ แต่ต่างกันที่ margin ส่งสนองพื้นที่เรือนรอบของขอบ และ padding ส่งสนองพื้นที่เรือนภายในขอบขององค์ประกอบ

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

ตัวอย่าง CSSCSS ขอบเขตด้านนอก

คู่มือ CSSคุณสมบัติ margin-bottom

คู่มือ HTML DOMคุณสมบัติ margin

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าระยะหลังล่างของ <div>:

document.getElementById("myDiv").style.marginBottom = "50px";

ลองเอง

ตัวอย่าง 2

นำค่าระยะหลังล่างของ <div> กลับไปเป็น "normal":

document.getElementById("myDiv").style.marginBottom = "0px";

ลองเอง

ตัวอย่าง 3

กลับค่าระยะหลังล่างของ <div>:

alert(document.getElementById("myDiv").style.marginBottom);

ลองเอง

ตัวอย่าง 4

ความแตกต่างระหว่าง marginBottom และ paddingBottom:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

ลองเอง

เขียนโฉม

กลับค่าคุณสมบัติ marginBottom:

object.style.marginBottom

ตั้งค่าคุณสมบัติ marginBottom:

object.style.marginBottom = "%|length|auto|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
% กำหนดระยะหลังล่างด้วยร้อยละของความกว้างขององค์ประกอบพ่อ
length กำหนดระยะหลังล่างด้วยหน่วยขนาด
auto ระยะหลังล่างของโปรแกรมนำ
initial ตั้งค่าคุณสมบัตินี้เป็นค่าปริยาย อ่านต่อ initial。
inherit ขึ้นที่รายละเอียดขององค์ประกอบพ่อของมันที่มีคุณสมบัตินี้ อ่านต่อ inherit。

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

ค่าปริยาย: 0
ค่าที่กลับมา: ตัวเลขที่แสดงว่าระยะหลังล่างขององค์ประกอบ
CSS รุ่น: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน