Thuộc tính style right

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

right Thuộc tính cài đặt hoặc trả về vị trí bên phải của phần tử định vị.

Thuộc tính này quy định vị trí bên phải của phần tử, bao gồm lề trong, thanh cuộn, viền và lề ngoài.

Lưu ý:Phần tử định vị là thuộc tính position được đặt thành:relative、absolute hoặc fixed của phần tử.

Lưu ý:Để cài đặt hoặc trả về vị trí bên trái của phần tử định vị, hãy sử dụng Thuộc tính left.

Xem thêm:

Hướng dẫn CSS:Định vị CSS

Tài liệu tham khảo CSS:Thuộc tính right

Mô hình

Ví dụ 1

Cài đặt vị trí bên phải của phần tử <div>:

document.getElementById("myDIV").style.right = "100px";

Thử ngay

Ví dụ 2

Sử dụng giá trị âm - cài đặt vị trí bên phải của phần tử <div>:

document.getElementById("myDiv").style.right = "-100px";

Thử ngay

Ví dụ 3

Trả về vị trí bên phải của phần tử <div>:

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

Thử ngay

Cú pháp

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

object.style.right

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

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

Giá trị thuộc tính

Giá trị Mô tả
auto Bỏ qua để trình duyệt thiết lập vị trí bên phải. Mặc định.
length Định nghĩa vị trí bên phải bằng đơn vị độ dài. Cho phép giá trị âm.
% Đặt vị trí bên phải bằng phần trăm chiều rộng của phần tử cha.
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: auto
Giá trị trả về: Chuỗi, biểu thị vị trí bên phải của phần tử định vị.
Phiên bản CSS: CSS2

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ợ