Cách thiết lập lề phải (margin-right) của phần tử với JavaScript

Thuộc tính marginRight (CSS margin-right) đặt khoảng cách giữa cạnh phải của phần tử và phần tử bên cạnh (hoặc container).

Ví dụ minh họa

Nhấn nút để thêm lề phải 150px cho hộp có viền:

<!DOCTYPE html>
<html>
<head>
  <style>
    #myID { border: 2px solid #000; padding: 10px; }
  </style>
</head>
<body>
  <div id="myID">Đây là văn bản demo.</div><br>
  <button type="button" onclick="display()">Thêm lề phải</button>
  <script>
    function display() {
      document.getElementById("myID").style.marginRight = "150px";
    }
  </script>
</body>
</html>

Giá trị phổ biến

• 0 – Không lề (mặc định)
• 10px, 2em, 5% – Độ dài cố định/tương đối
• auto – Tự động (dùng cho căn giữa block: margin-left: auto; margin-right: auto)
• Giá trị âm: -20px – Kéo phần tử chồng lấn sang phải.