Properti clientLeft DOM Element HTML

Definisi dan penggunaan

clientLeft Properti mengembalikan lebar bingkai kiri elemen, dalam satuan piksel.

clientLeft Properti tidak termasuk marjin dalam dan luar kiri elemen.

clientLeft Properti adalah hanya-baca.

Keterangan:Properti style.borderLeftWidthJuga mengembalikan lebar bingkai kiri elemen.

Lihat juga:Tutorial Model Bok CSS

Lihat juga:

ClientTop properti

ClientWidth properti

ClientHeight properti

OffsetLeft properti

OffsetTop properti

Contoh

Contoh 1

Tampilkan lebar bingkai atas dan kiri myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Lebar bingkai atas: " + elmnt.clientTop + "px<br>";
text += "Lebar bingkai kiri: " + elmnt.clientLeft + "px";

Coba sendiri

Contoh 2

Dalam contoh ini, "myDIV" arah teksnya dari kanan ke kiri, dan ia memiliki tali gerak:

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

Coba sendiri

Syarat

element.clientLeft

Kembalian nilai

Tipe Deskripsi
Angka Lebar bingkai kiri elemen, dalam satuan piksel.

Dukungan pelayar

Semua pelayar mendukung element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung Dukung