Thuộc tính marginRight của Style

定 nghĩa và cách sử dụng

marginRight thuộc tính cài đặt hoặc trả về biên mép bên phải của phần tử.

Thuộc tính margin và Thuộc tính padding Đều chèn không gian xung quanh phần tử. Nhưng, sự khác biệt ở chỗ, margin chèn không gian xung quanh viền, trong khi padding chèn không gian trong viền của phần tử.

Xem thêm:

Giáo trình CSS:CSS lề ngoài

Hướng dẫn CSS:Thuộc tính margin-right

Hướng dẫn HTML DOM:Thuộc tính margin

Mô hình

Ví dụ 1

Cài đặt biên mép bên phải của phần tử <div>:

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

Thử nghiệm ngay

Ví dụ 2

Chuyển đổi biên mép bên phải của phần tử <div> về "normal":

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

Thử nghiệm ngay

Ví dụ 3

Trả về biên mép bên phải của phần tử <div>:

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

Thử nghiệm ngay

Ví dụ 4

Sự khác biệt giữa marginRight và paddingRight:

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

Thử nghiệm ngay

Cú pháp

Trả về thuộc tính marginRight:

object.style.marginRight

Cài đặt thuộc tính marginRight:

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

Giá trị thuộc tính

Giá trị Mô tả
% Định nghĩa biên mép bên phải bằng phần trăm chiều rộng của phần tử cha.
length Định nghĩa biên mép bên phải bằng đơn vị độ dài.
auto Cài đặt biên mép bên phải từ trình duyệt.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Giá trị trả về: Chuỗi, biểu thị biên mép bên phải của phần tử.
Phiên bản CSS: CSS1

browser hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ