Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Panjang HTML Menggunakan Height Style DOM

Properti height Style DOM pada HTML merupakan properti yang penggunaannya hampir sapa seperti properti height pada CSS, tetapi pada properti height style DOM digunakan untuk mengatur atau mendapatkan nilai height dari suatu elemen dinamis.

5 Value Properti Height Style DOM pada HTML
Properti Height Style DOM

Sebelum memahami lebih dalam materi tentang Mengatur Panjang HTML Menggunakan Height Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Ukuran Huruf HTML Menggunakan fontSizeAdjust Style DOM [klik], Mengatur Ketebalan Huruf HTML Menggunakan fontWeight Style DOM [klik], dan Mengatur Variasi Huruf HTML Menggunakan fontVariant Style DOM [klik].

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.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style height DOM pada 

HTML

</title>

 

<style>

{

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>

 

<

id="block">

Blog Elfan

</p>

 

</body>

 

</html>


Contoh:

<!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>


Artikel ini didedikasikan kepada: Anisa Fitri Hanita, Annisa Nurisandi, Annisathina Hermy Utami, Anugrahaning Dyah Safitri, dan Aqza Pradipta.

5 komentar untuk "Mengatur Panjang HTML Menggunakan Height Style DOM"

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

    BalasHapus
    Balasan
    1. Berikut adalah beberapa daftar dari browser yang dapat digunakan untuk mengaktifkan properti height Style DOM pada dokumen HTML:
      1. Google Chrome 1.0
      2. Internet Explorer 4.0
      3. Firefox 1.0
      4. Opera
      5. Safari 1.0

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

    BalasHapus
    Balasan
    1. Properti 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.

      Catatan: Gunakan properti width untuk mengatur atau mengembalikan nilai atribut lebar dari elemen object.

      Hapus
    2. Properti Height Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan atau mengembalikan nilai ketinggian dari suatu elemen.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

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

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -