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à:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com: