Thuộc tính margin-right trong CSS dùng để đặt lề phải của một phần tử. Nó thiết lập vùng lề ở phía bên phải phần tử đó. Các giá trị âm vẫn được cho phép. Giá trị mặc định của thuộc tính margin-right là zero.
Cú pháp:
margin-right: length|auto|initial|inherit;
Giá trị thuộc tính:
- length: Thuộc tính này dùng để đặt một giá trị cố định được xác định bằng px, cm, pt, v.v. Giá trị âm được chấp nhận và giá trị mặc định là 0px.
- inherit: Thuộc tính này được kế thừa từ phần tử cha của nó.
- auto: Thuộc tính này được dùng khi mong muốn trình duyệt tự xác định.
- initial : Đặt giá trị của lề phải về giá trị mặc định của nó.
Ví dụ: Trong ví dụ này, chúng ta sử dụng thuộc tính margin-right: length;.
<!DOCTYPE html>
<html>
<head>
<title>
margin-right property
</title>
<!-- margin-right property -->
<style>
h1 {
margin-right: 100px;
border: 1px solid black;
}
h2 {
margin-right: 250px;
border: 1px solid black;
}
</style>
</head>
<body style="text-align:center">
<h1>GeeksforGeeks</h1>
<h2>margin-right property</h2>
</body>
</html>
Output: 
Ví dụ: Trong ví dụ này, chúng ta sử dụng thuộc tính margin-right: auto;.
<!DOCTYPE html>
<html>
<head>
<title>
margin-right property
</title>
<!-- margin-right property -->
<style>
h1 {
margin-right: auto;
border: 1px solid black;
}
h2 {
margin-right: auto;
border: 1px solid black;
}
</style>
</head>
<body style="text-align:center">
<h1>GeeksforGeeks</h1>
<h2>margin-right property</h2>
</body>
</html>
Output: 
Ví dụ: Trong ví dụ này, chúng ta sử dụng thuộc tính margin-right: initial;.
<!DOCTYPE html>
<html>
<head>
<title>
margin-right property
</title>
<!-- margin-right property -->
<style>
h1 {
margin-right: auto;
border: 1px solid black;
}
h2 {
margin-right: auto;
border: 1px solid black;
}
</style>
</head>
<body style="text-align:center">
<h1>GeeksforGeeks</h1>
<h2>margin-right property</h2>
</body>
</html>
Output:
Trình duyệt được hỗ trợ: Các trình duyệt được hỗ trợ bởi thuộc tính margin-right được liệt kê dưới đây:
- Google Chrome 1.0
- Edge 12.0
- Firefox 1.0
- Safari 1.0
- Opera 3.5