Mengatur Ukuran Tab HTML Menggunakan 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.
<!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]
5 komentar untuk "Mengatur Ukuran Tab HTML Menggunakan tabSize Style DOM"
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 -
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