Mereset Penghitungan HTML Menggunakan counterReset Style DOM
- digunakan untuk mengembalikan nilai properti counterReset: object.style.counterReset
- digunakan untuk mengatur nilai properti counterReset: object.style.counterReset = "none|name|number|initial|inherit"
Property Values:
- none: merupakan nilai default dari properti dimana nilai counter tidak akan di-reset.
- name: berfungsi untuk menampung nilai nama dari counter yang akan dilakukan reset.
- number: berfungsi untuk menampung nilai angka counter yang akan dilakukan reset.
- initial: berfungsi untuk mengatur nilai properti ke nilai default.
- inherit: berfungsi untuk menerima nilai turunan dari elemen parent.
Return Values: digunakan untuk mengembalikan sebuang string yang mengandung properti counterIncrement dari suatu elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style counterReset
DOM
</title>
<style>
p:before
{
counter-increment: subj;
content: "Subject " counter(subj) ": ";
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style counterReset
DOM
</h2>
<button
onclick = "myFunction()">
Click Here!
</button>
<h2>
Ilmu Komputer
</h2>
<p>
Struktur Data
</p>
<p>
Algoritma Pemrograman
</p>
<p>
Sistem Operasi
</p>
<p>
Jaringan Komputer
</p>
<script>
function myFunction()
{
document.body.style.counterReset = "subj";
}
</script>
</body>
</html>
- 16 Value Properti Filter Style DOM pada HTML [klik]
- 4 Value Properti Flex Style DOM pada HTML [klik]
- 4 Value Properti flexBasis Style DOM pada HTML [klik]
- 6 Value Properti flexDirection Style DOM pada HTML [klik]
- 4 Contoh Properti flexFlow Style DOM pada HTML [klik]
- 3 Value Properti flexGrow Style DOM pada HTML [klik]
- 3 Value Properti flexShrink Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti counterReset Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan oleh user untuk mengaktifkan properti counterReset Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti counterReset Style DOM pada HTML?
BalasHapusProperti counterReset Style DOM pada HTML merupakan properti yang digunakan untuk membuat atau mengatur ulang satu atau lebih nilai counter.
HapusProperti counterReset Style DOM pada HTML biasanya digunakan bersamaan dengan properti counterIncremenet dan properti Content.
Hapus