Mendapatkan Nilai Border Top HTML Menggunakan clientTop DOM
 |
| Ilustrasi clientTop DOM HTML |
element.clientTop
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Properti clientTop DOM HTML
</title>
<style>
h1
{
color: green;
font-size: 35px;}
#MKN
{
height: 100px;
width: 350px;
padding: 20px;
margin: 25px;
border-left: 10px solid coral;
border-top: 15px solid blue;
background-color: green;}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Properti clientTop DOM
</h2>
<div id="MKN">
<p style="color:white;font-size:25px;">
Blog Elfan
</p>
<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>
</body>
</html>
Blog Elfan
Properti clientTop DOM
Blog Elfan
- Cara Penggunaan Properti dir DOM pada HTML [klik]
- Cara Penggunaan Method exitFullscreen() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti firstChild DOM pada HTML [klik]
- 2 Nilai Return Properti firstElementChild DOM pada HTML [klik]
- 2 Contoh Penggunaan Method focus() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method getAttribute() DOM pada HTML [klik]
- Cara Penggunaan Method getAttributeNode() DOM pada HTML [klik]
Jenis browser apa yang dapat digunakan untuk mengaktifkan method clientTop DOM pada HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti clientTop DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera 3.5
5. Safari 1.0
Apa fungsi dari properti clientTop DOM pada HTML?
BalasHapusProperti clientTop DOM HTML berfungsi untuk mengembalikan ukuran lebar batas atas dari elemen dalam satuan pixel. Properti clientTop tidak menyertakan padding atas atau margin atas dari elemen.
HapusProperti clientTop DOM berfungsi untuk mengembalikan lebar batas atas elemen, dalam pixel.
Hapus