Thuộc tính CSS left

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

Thuộc tính left quy định cạnh trái của phần tử. Thuộc tính này xác định khoảng cách từ cạnh ngoài viền bên trái của phần tử định vị đến cạnh bên trá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 left sẽ không có hiệu quả.

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ị được chỉ định; còn lại là auto.

Đối với 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:

Giáo trình CSS:Định vị CSS

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

Ví dụ

Đặt cạnh trái của hình ảnh vào vị trí 100 pixel phải hơn cạnh trái của phần tử bao gồm:

img
  {
  position:absolute;
  left:100px;
  }

Thử ngay

Ngữ pháp CSS

left: auto|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Bằng cách tính toán vị trí cạnh trái bởi trình duyệt.
% Đặt vị trí bên trái của phần tử bằng phần trăm so với kích thước của phần tử bao gồm. Có thể sử dụng giá trị âm.
length Đặt vị trí bên trái của phần tử bằng px, cm và 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 left nên kế thừa từ giá trị của 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.left="100px"

Các ví dụ khác

Sử dụng giá trị cố định để đặt cạnh trái của hình ảnh
Ví dụ này trình bày cách sử dụng giá trị cố định để đặt cạnh trái của hình ảnh.
Sử dụng phần trăm để đặt cạnh trái của hình ảnh
Ví dụ này trình bày cách sử dụng phần trăm để đặt cạnh trá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