Mengatur Ukuran Tab HTML Menggunakan tabSize Style DOM
![]() |
Properti tabSize Style DOM |
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.
<!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>
Blog Elfan
Properti Style tabSize DOMProperti 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>
Blog Elfan
Properti Style tabSize DOMProperti tabSize digunakan untuk menentukan jumlah ruang yang dapat digunakan untuk karakter tab.
Blog TIK
- 6 Value Properti textDecorationLine Style DOM pada HTML [klik]
- 7 Value Properti textDecorationStyle DOM pada HTML [klik]
- 3 Value Properti textIndent Style DOM pada HTML [klik]
- 4 Value Properti textOverflow Style DOM pada HTML [klik]
- 7 Value Properti textShadow Style DOM pada HTML [klik]
- 6 Value Properti textTransform Style DOM pada HTML [klik]
- 5 Value Properti Top Style DOM pada HTML [klik]
Jenis browser populer apa saja yang dapat digunakan untuk mengaktifkan properti tabSize Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti tabSize Style DOM pada HTML:
Hapusa. Chrome
b. Firefox -MozTabSize-
c. Opera 15.0
d. Safari 6.1
Apa yang dimaksud dengan properti tabSize Style DOM pada HTML?
BalasHapusProperti tabSize Style DOM pada HTML merupakan properti yang digunakan untuk menentukan nilai panjang ruang yang digunakan untuk karakter tab.
HapusDalam 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