Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Ukuran Tab HTML Menggunakan tabSize Style DOM

Properti Style tabSize DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai length dari ruang yang digunakan pada tempat dari karakter tab.

4 Value Properti tabSize Style DOM pada HTML
Properti tabSize Style DOM

Sebelum memahami lebih dalam materi tentang Mengatur Ukuran Tab HTML Menggunakan tabSize Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Tampilan Tabel HTML Menggunakan tableLayout Style DOM [klik], Mengatur Nilai Posisi Kanan HTML Menggunakan Properti Right Style DOM [klik], dan Mengatur Gaya Ukuran HTML Menggunakan Resize Style DOM [klik].

Sintak:
  • untuk mendapatkan nilai properti tabSize: object.style.tabSize
  • untuk mengatur nilai properti tabSize: object.style.tabSize = "number|length|initial|inherit"

Property Values:
  • number: digunakan untuk menentukan angka dari karakter ruang untuk digunakan pada setiap karakter tab, dengan nilai default adalah 8.
  • length: digunakan untuk menentukan nilai length dari karakter tab. Nilai ini sudah tidak didukung penggunaannya pada sebagian besar browser.
  • initial: digunakan untuk mengatur nilai properti ke nilai default-nya.
  • inherit: digunakan untuk menerima nilai turuan dari elemen parent.

Baca Juga:

Contoh: penggunaan properti "number".

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Style tabSize DOM

</title>

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style tabSize DOM

</b>

 

<p>

Properti tabSize digunakan 

untuk menentukan jumlah ruang 

yang dapat digunakan untuk 

karakter tab.

</p>

 

<pre id="ts">

Blog TIK

</pre>

 

<button 

onclick="MNS1()">

Change

</button>

 

<script>

function MNS1() 

{

ele = document.getElementById("ts");

ele.style.tabSize = "16"

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style tabSize DOM

Properti tabSize digunakan untuk menentukan jumlah ruang yang dapat digunakan untuk karakter tab.

Blog TIK


Contoh: penggunaan properti "initial".

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style tabSize DOM

</title>

 

<style>

#ts 

{

tab-size: 16;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<b>

Properti Style tabSize DOM

</b>

 

<p>

Properti tabSize digunakan 

untuk menentukan jumlah ruang 

yang dapat digunakan untuk 

karakter tab.

</p>

 

<pre id="ts">

Blog TIK

</pre>

 

<button 

onclick="kkk2()">

Change

</button>

 

<script>

function kkk2() 

{

ele = document.getElementById("ts");

ele.style.tabSize = "initial"

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Style tabSize DOM

Properti tabSize digunakan untuk menentukan jumlah ruang yang dapat digunakan untuk karakter tab.

Blog TIK

Artikel ini didedikasikan kepada: Fadhila Al Wafiq, Faiqotuzzahro, Faizal Shauma Widya Santoso, Faradeva Puspadella, dan Fariza Shegi Pratama.

5 komentar untuk "Mengatur Ukuran Tab HTML Menggunakan tabSize Style DOM"

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

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti tabSize Style DOM pada HTML:
      a. Chrome
      b. Firefox -MozTabSize-
      c. Opera 15.0
      d. Safari 6.1

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

    BalasHapus
    Balasan
    1. Properti tabSize Style DOM pada HTML merupakan properti yang digunakan untuk menentukan nilai panjang ruang yang digunakan untuk karakter tab.

      Hapus
  3. Dalam HTML, karakter tab biasanya ditampilkan sebagai karakter spasi tunggal, kecuali untuk beberapa elemen, seperti TEXTAREA, dan PRE, dan hasil dari properti tabSize hanya akan terlihat untuk elemen ini.

    BalasHapus

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 -