Thuộc tính clientLeft của phần tử DOM HTML

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

clientLeft Thuộc tính trả về chiều rộng viền trái của phần tử, tính bằng pixel.

clientLeft Thuộc tính không bao gồm lề trong hoặc lề ngoài của phần tử.

clientLeft Thuộc tính là chỉ đọc.

Chú thích:Thuộc tính style.borderLeftWidthCũng trả về chiều rộng viền trái của phần tử.

Xin xem thêm:Hướng dẫn mô hình khung CSS

Xin xem thêm:

Thuộc tính clientTop

Thuộc tính clientWidth

Thuộc tính clientHeight

Thuộc tính offsetLeft

Thuộc tính offsetTop

Mô hình

Ví dụ 1

Hiển thị chiều rộng viền trên và trái của myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Chiều rộng viền trên: " + elmnt.clientTop + "px<br>";
text += "Chiều rộng viền trái: " + elmnt.clientLeft + "px";

Thử trực tiếp

Ví dụ 2

Trong ví dụ này, "myDIV" có hướng văn bản từ phải sang trái và nó có thanh cuộn:

let left = document.getElementById("myDIV").clientLeft;

Thử trực tiếp

Cú pháp

element.clientLeft

Giá trị trả về

Loại Mô tả
Số Chiều rộng viền trái của phần tử, tính bằng pixel.

Hỗ trợ trình duyệt

Tất cả các trình duyệt đều hỗ trợ element.clientLeft：

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