Thuộc tính paddingRight

Định nghĩa và cách sử dụng

paddingRight Cài đặt hoặc trả về khoảng cách trong cạnh phải của phần tử.

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

Xem thêm:

Hướng dẫn CSS:CSS lề trong

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

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

Mô hình

Ví dụ 1

Đặt khoảng cách trong cạnh phải của phần tử <div>:

document.getElementById("myDIV").style.paddingRight = "50px";

Thử ngay

Ví dụ 2

Chuyển lại giá trị "normal" cho khoảng cách trong cạnh phải của phần tử <div>:

document.getElementById("myDIV").style.paddingRight = "0px";

Thử ngay

Ví dụ 3

Trả về khoảng cách trong cạnh phải của phần tử <div>:

alert(document.getElementById("myDIV").style.paddingRight);

Thử 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ử ngay

Cú pháp

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

object.style.paddingRight

Đặt thuộc tính paddingRight:

object.style.paddingRight = "%|length|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
% Định nghĩa khoảng cách trong cạnh phải bằng phần trăm chiều rộng của phần tử cha.
length Định nghĩa khoảng cách trong cạnh phải bằng đơn vị độ dài.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế 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ị khoảng cách trong cạnh phải của phần tử.
Phiên bản CSS: CSS1

Trình duyệt hỗ trợ

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