กำหนด margin ขวาขององค์ประกอบด้วย CSS (margin-right)

คุณสมบัติ margin-right

คุณสมบัติ margin-right ใช้กำหนด margin ด้านขวาขององค์ประกอบ รับค่าเป็นความยาว, เปอร์เซ็นต์, หรือ auto ลองรันโค้ดต่อไปนี้เพื่อกำหนด margin ขวา:

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <p style="margin-right: 10px; border:2px solid red;">
      Cricket crazy nation India! </p>
    <p style="margin-right: 10%; border:2px solid green;">
      Cricket crazy nation Australia! </p>
  </body>
</html>

รายละเอียด:

• ความยาว: px, em, rem, cm, ฯลฯ
• เปอร์เซ็นต์: % ของความกว้างของ containing block
• auto - เบราว์เซอร์คำนวณเอง
• รับค่าลบได้ (overlap content)
• ส่วนหนึ่งของ margin shorthand