Thuộc tính style marginRight trong HTML DOM

Thuộc tính style.marginRight trong HTML DOM trả về và cho phép thay đổi lề bên phải (right margin) của một phần tử trong tài liệu HTML.

Cú pháp

Lấy giá trị marginRight

object.style.marginRight

Thay đổi marginRight

object.style.marginRight = "value"

Ví dụ

Ví dụ sử dụng thuộc tính style.marginRight:

<!DOCTYPE html>
<html>
<head>
<style>
  body { color: #000; background: lightblue; height: 100vh; }
  p { border: 2px solid #fff; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; }
</style>
</head>
<body>
<h1>Ví dụ thuộc tính style marginRight DOM</h1>
<p>Chào! Tôi là một đoạn văn tuyệt vời với một số văn bản ngẫu nhiên. Chào! Tôi là một đoạn văn tuyệt vời với một số văn bản ngẫu nhiên. Chào! Tôi là một đoạn văn tuyệt vời với một số văn bản ngẫu nhiên. Chào! Tôi là một đoạn văn tuyệt vời với một số văn bản ngẫu nhiên. </p>
<button onclick="add()" class="btn">Thêm margin</button>
<script>
  function add() {
    document.querySelector('p').style.marginRight = "50px";
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Thêm margin để thêm lề bên phải cho phần tử đoạn văn.