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 .clientLeftRincian teknis
| Kembali Nilai: | Sebuah Nomor, mewakili lebar batas kiri elemen, dalam piksel |
|---|
Contoh lebih
Contoh
Dalam contoh ini, arah teks <div> kanan-ke-kiri, dan memiliki scrollbar:
var left = document.getElementById("myDIV").clientLeft; Cobalah sendiri "