Properti marginRight

definisi dan penggunaan

marginRight ตั้งค่าหรือคืนค่ามุมด้านขวาขององค์ประกอบ

คุณสมบัติ margin และ คุณสมบัติ padding ตั้งค่าช่องว่างรอบองค์ประกอบ แต่ความแตกต่างอยู่ที่ margin ตั้งค่าช่องว่างรอบขอบเขตของแบบซ้ำ และ padding ตั้งค่าช่องว่างด้านในของขอบเขตขององค์ประกอบ

ดูเพิ่มเติม

การเรียนรู้ CSSCSS ช่องเส้นบรรจุ

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

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

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่ามุมด้านขวาของ <div>

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

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

ตัวอย่าง 2

เปลี่ยนมุมด้านขวาของ <div> กลับเป็น "normal"

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

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

ตัวอย่าง 3

คืนมุมด้านขวาของ <div> ออกมา

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

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

ตัวอย่าง 4

ความแตกต่างระหว่าง marginRight และ paddingRight：

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

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

สัญญาณ

คืนค่า marginRight ขององค์ประกอบ

object.style.marginRight

ตั้งค่า marginRight ขององค์ประกอบ

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

ค่าขององค์ประกอบ

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

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

ค่าเริ่มต้น 0
ค่าที่คืนค่ามา ข้อความสายในภาษาไทย ที่แสดงเป็นมุมด้านขวาขององค์ประกอบ
เวอร์ชั่น CSS： CSS1

บราวนะเซาะรับ

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