Mengatur Panjang HTML Menggunakan Height Style DOM
![]() |
Properti Height Style DOM |
Sintak:
- digunakan untuk mengatur nilai properti height: object.style.height = auto|length|%|initial|inherit;
- digunakan untuk mendapatkan nilai properti height: object.style.height
Property Values:
- auto: merupakan nilai default properti.
- length: digunakan untuk mendefinisikan nilai height dalam satuan unit length.
- %: digunakan untuk mendefinisikan height dalam satuan persen yang dibandingkan terhadap nilai elemen parent.
- initial: digunakan untuk mengatur nilai properti ke nilai default-nya.
- inherit: digunakan untuk menerima nilai turunan properti dari elemen parent.
Return Values: digunakan untuk mendapatkan sebuah string yang memberikan nilai height dari suatu elemen.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style height DOM pada
HTML
</title>
<style>
p
{
height: auto;
color: white;
font-size: 50px;
background-color: green;
}
</style>
</head>
<body>
<br>
<button
onclick="Play()">
Click to change height
</button>
<br />
<br />
<script>
function Play()
{
document.getElementById(
"block").style.height = "200px"
}
</script>
<p
id="block">
Blog Elfan
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style height DOM pada
HTML
</title>
<style>
div
{
height: 10px;
background-color: green;
width: 100px;
}
</style>
</head>
<body>
<br>
<button
onclick="Play()">
Click to increase height of
object
</button>
<br />
<br />
<script>
function Play()
{
document.getElementById("block"
).style.height = "100px"
}
</script>
<center>
<div id="block"></div>
</center>
</body>
</html>
- 6 Value Properti lineHeight Style DOM pada HTML [klik]
- 5 Value Properti listStyle DOM pada HTML [klik]
- 4 Value Properti listStyleImage Style DOM pada HTML [klik]
- 4 Value Properti listStylePosition Style DOM pada HTML [klik]
- 5 Value Properti listStyleType DOM pada HTML [klik]
- 5 Value Properti Margin Style DOM pada HTML [klik]
- 5 Contoh Properti marginBottom Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti height Style DOM pada dokumen HTML?
BalasHapusBerikut adalah beberapa daftar dari browser yang dapat digunakan untuk mengaktifkan properti height Style DOM pada dokumen HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera
5. Safari 1.0
Apa yang dimaksud dengan properti height Style DOM pada HTML?
BalasHapusProperti Height Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilai atribut height dari elemen Object, dimana atribut height juga digunakan untuk menentukan nilai tinggi suatu object dalam satuan pixel.
HapusCatatan: Gunakan properti width untuk mengatur atau mengembalikan nilai atribut lebar dari elemen object.
Properti Height Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilai ketinggian dari suatu elemen.
Hapus