tutorial pengembangan web terbaru
 

HTML DOM clientLeft Propery

<Elemen Object

Contoh

Dapatkan lebar <div> perbatasan atas dan kiri elemen:

var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";

Hasil txt akan:

Border top width: 15px
Border left width: 10px
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti clientLeft mengembalikan lebar batas kiri elemen, dalam piksel.

Properti ini tidak termasuk bantalan kiri elemen atau margin kiri.

Tip: Anda juga dapat menggunakan style.borderLeftWidth properti untuk mengembalikan lebar batas kiri elemen ini.

Catatan: Untuk Chrome, Firefox dan Opera di Windows, jika elemen memiliki scrollbar (ditetapkan oleh CSS meluap properti), dan jika arah teks dari unsur yang kanan-ke-kiri (set by the CSS direction property) , ini properti termasuk lebar scrollbar vertikal, bersama-sama dengan lebar batas kiri. Di IE, namun, ia mengembalikan "0" . Pada Mac OS, menggunakan Safari, Chrome, Firefox atau Opera, ia mengembalikan hanya lebar batas kiri.

Tip: Untuk mengembalikan lebar perbatasan atas elemen, gunakan clientTop properti.

Properti ini adalah read-only.


Dukungan Browser

Milik
clientLeft iya nih iya nih iya nih iya nih iya nih

Sintaksis

element .clientLeft

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili lebar batas kiri elemen, dalam piksel

contoh

Contoh lebih

Contoh

Dalam contoh ini, arah teks <div> kanan-ke-kiri, dan memiliki scrollbar:

var left = document.getElementById("myDIV").clientLeft;
Cobalah sendiri "

<Elemen Object