Cara Penggunaan Properti clientLeft DOM pada HTML

Properti clientLeft DOM pada HTML digunakan untuk mengembalikan nilai lebar dari border left ke elemen dalam satuan pixel. Properti ini tidak termasuk pengukuran dari lebar pada left padding ataupun pada left margin. Properti clientLeft penggunaannya bersifat read-only.

Sintak:
element.clientLeft

Return Value: berfungsi untuk mengembalikan nilai angka yang merepresentasikan ukuran lebar dari border left pada suatu elemen.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti clientLeft DOM 

pada HTML

</title>

 

<style>

h1 

{

color: green;

font-size: 35px;}

 

#MKN 

{

height: 100px;

width: 350px;

padding: 20px;

margin: 25px;

border: 10px solid coral;

background-color: green;}

</style>

</head>

 

<body>

<center>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti clientLeft DOM

</h2>

 

<div id="MKN">

<p style="color:white;font-size:25px;">

Blog Elfan

</p>

 

<

id="sudo" 

style="color:white;">

</p>

</div>

 

<button 

onclick="Bons()">

Submit

</button>

 

<script>

function Bons() 

{

var w = document.getElementById("MKN");

 

// Penggunaan properti 

// clientTop

var x = "Border-Top-Width is: "

+ w.clientTop 

+ "px<br>";

 

x += "Border-Left-width : "

+ w.clientLeft 

+ "px";

 

document.getElementById("sudo").innerHTML = x;

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Properti clientLeft DOM

Blog Elfan

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti clientLeft DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti clientLeft DOM pada HTML:
      1. Google Chrome 1.0
      2. Internet Explorer 4.0
      3. Firefox 1.0
      4. Opera 3.5
      5. Safari 1.0

      Hapus
  2. Apa yang dimaksud dengan properti clientLeft DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti clientLeft DOM pada HTML berfungsi untuk mengembalikan ukuran lebar batas kiri dari elemen, dalam satuan pixel. Properti clientLeft tidak menyertakan padding kiri atau margin kiri dari elemen. Properti clientLeft merupakan properti yang bersifat read-only.

      Hapus
    2. Properti HTML DOM clientLeft berfungsi untuk mengembalikan ukuran lebar batas kiri elemen dalam satuan pixel.

      Hapus

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C