Thuộc tính style left

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

left Thuộc tính thiết lập hoặc trả về vị trí bên trái của phần tử định vị.

Thuộc tính này quy định vị trí bên trái của phần tử, bao gồm lề trong, thanh cuộn, viền và lề.

Lưu ý:Phần tử định vị là thuộc tính position được thiết lập thành:relative、absolute hoặc fixed của phần tử.

Lưu ý:Để thiết lập hoặc trả về vị trí bên phải của phần tử định vị, hãy sử dụng Thuộc tính right.

Xem thêm:

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

Tài liệu tham khảo CSS:Thuộc tính left

Mô hình

Ví dụ 1

Thiết lập vị trí bên trái của phần tử <button>:

document.getElementById("myBtn").style.left = "100px";

Thử ngay

Ví dụ 2

Thiết lập vị trí bên trái của phần tử <div>:

document.getElementById("myDIV").style.left = "100px";

Thử ngay

Ví dụ 3

Sử dụng giá trị âm - Thiết lập vị trí bên trái của phần tử <div>:

document.getElementById("myDIV").style.left = "-100px";

Thử ngay

Ví dụ 4

Trả về vị trí bên trái của phần tử <div>:

alert(document.getElementById("myDiv").style.left);

Thử ngay

Cú pháp

Trả về thuộc tính left:

object.style.left

Thiết lập thuộc tính left:

object.style.left = "auto|length|%|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Cho phép trình duyệt thiết lập vị trí bên trái. Mặc định.
length Định nghĩa vị trí bên trái bằng đơn vị đo dài. Cho phép giá trị âm.
% Đặt vị trí bên trái bằng phần trăm chiều rộng của phần tử cha.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi biểu thị vị trí bên trái của phần tử định vị.
Phiên bản CSS: CSS2

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ