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
phầ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ử:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Kết quả thực thi mã:
10
Xem thêm
-
thuộc tính
clientTop,
chứa chiều rộng đường viền phía trên
