Properti clientLeft DOM Element HTML

Definisi dan penggunaan

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

clientLeft Properti ini tidak termasuk margin dalam dan luar kiri elemen.

clientLeft Properti ini hanya baca.

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

Lihat pula:Tutorial Model Bok CSS

Lihat pula:

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 scrollbar:

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

Coba sendiri

Syarat

element.clientLeft

Nilai kembalian

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

Dukungan peramban

Semua peramban mendukung element.clientLeft：

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