Thuộc tính right của CSS

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

Thuộc tính right quy định mép phải của phần tử. Thuộc tính này xác định khoảng cách từ mép ngoài右边 của phần tử định vị đến mép phải của khối bao gồm.

Chú ý:Nếu giá trị của thuộc tính position là "static", việc thiết lập thuộc tính right sẽ không có bất kỳ hiệu ứng nào.

Giải thích

Đối với phần tử static, giá trị là auto; đối với giá trị chiều dài, là chiều dài tuyệt đối tương ứng; đối với giá trị phần trăm, là giá trị đã chỉ định; còn lại là auto.

Đối với các phần tử được định nghĩa tương đối, giá trị tính toán của left luôn bằng right.

Xem thêm:

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

Hướng dẫn tham khảo HTML DOM:Thuộc tính right

Ví dụ

Đặt mép phải của hình ảnh ở vị trí 5 pixel bên trái mép phải của phần tử bao gồm nó:

img
  {
  position:absolute;
  right:5px;
  }

Thử ngay

Ngữ pháp CSS

right: auto|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Vị trí mép phải được tính toán bởi trình duyệt.
% Đặt vị trí bên phải của phần tử bằng phần trăm của kích thước bao gồm phần tử. Có thể sử dụng giá trị âm.
length Đặt vị trí bên phải của phần tử bằng px, cm hoặc các đơn vị khác. Có thể sử dụng giá trị âm.
inherit Định nghĩa rằng giá trị của thuộc tính right nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: no
Phiên bản: CSS2
Ngữ pháp JavaScript: object.style.right="50px"

Các ví dụ khác

Sử dụng giá trị cố định để đặt mép phải của hình ảnh
Ví dụ này minh họa cách sử dụng giá trị cố định để đặt mép phải của hình ảnh.
Sử dụng phần trăm để đặt mép phải của hình ảnh
Ví dụ này minh họa cách sử dụng phần trăm để đặt mép phải của hình ảnh.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0