Thuộc tính left trong CSS

Thuộc tính left trong CSS cho phép bạn xác định một Offset cho cạnh trái của phần tử (giả sử mình gọi là phần tử LEFT), dựa vào cạnh trái của một phần tử khác (giả sử đó là phần tử WINDOW) đã được xác định vị trí tuyệt đối.

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

length: một đơn vị đo độ dài bất kỳ. Khi bạn xác định giá trị này, thì đó là khoảng cách cố định giữa cạnh trái phần tử LEFT so với cạnh trái của phần tử WINDOW.
percent: đơn vị tương đối, tức là khoảng cách giữa cạnh trái của LEFT và cạnh trái của WINDOW sẽ được xác định tùy vào độ rộng đã xác định trước đó cho WINDOW.
auto: giá trị mặc định. Trình duyệt sẽ tự tính toán khoảng cách này.

Thuộc tính left 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 left trong DOM

object.style.left = "2px";

Quảng cáo

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

Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính left trong CSS:

Trong ví dụ này, việc xác định khoảng cách của phần tử p dựa vào context là cửa sổ window dưới đây.

<html>
   <head>
   </head>
   <body>
      <p style="position:absolute; left:100px;">
      Dong text se duoc dat tai vi tri cach canh trai cua cua so Window mot khoang cach 100 px.
      </p>
   </body>
</html>

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: