Thuộc tính clientLeft

Thuộc tính clientLeft chứa chiều rộng của đường viền bên trái (giá trị border-left). Chính xác hơn clientLeft chứa giá trị khoảng lề của phần bên trong phần tử so với phần bên ngoài. Trong hầu hết các trường hợp clientLeft bằng border-left, nhưng nếu tài liệu được bố trí từ phải sang trái (ví dụ: ngôn ngữ Ả Rập), thì giá trị của clientLeft có thể bao gồm cả chiều rộng của thanh cuộn bên trái.

Cú pháp

javascriptphần tử.clientLeft;

Ví dụ

Hãy tìm hiểu chiều rộng đường viền bên trái của phần tử:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientLeft);

Kết quả thực thi mã:

javascript10

Xem thêm