Thuộc tính right trong CSS



Thuộc tính right trong CSS được sử dụng để chỉnh vị trí cho một phần tử. Với thuộc tính right, bạn có thể xác định khoảng cách của phần tử với cạnh phải của Context chứa phần tử này.

Thuộc tính right có thể nhận giá trị:

  • length: một giá trị cố định chỉ rõ khoảng cách của phần tử với cạnh phải của Context chứa phần tử này.

  • percent: với giá trị độ rộng của Context chứa phần tử đã được xác định trước, thì giá trị dạng % này sẽ thiết lập khoảng cách bên phải của phần tử trong mối quan hệ tương quan với độ rộng này.

  • auto: giá trị mặc định. Với giá trị này, trình duyệt sẽ tự động ước lượng khoảng cách này.

Thuộc tính right có thể áp dụng cho:

Tất cả phần tử HTML mà đã được xác định vị trí.

Cú pháp thuộc tính right trong DOM

object.style.right = "2px";
Quảng cáo

Ví dụ thuộc tính right trong CSS

Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính right trong CSS:

<html>
   <head>
   </head>
   <body>
      <p style="position:absolute; right:100px;">
      Dong text nay se duoc dat tai vi tri cach canh phai cua cua so Window mot khoang cach la 100px.
      </p>
   </body>
</html> 
Quảng cáo

Kết quả là: