Mereset Penghitungan HTML Menggunakan counterReset Style DOM
Properti Style counterReset DOM pada HTML digunakan untuk menciptakan atau me-reset counter. Properti counterReset Style DOM pada HTML digunakan bersamaan dengan penggunaan properti counterincrement dan properti content.
Sintak:
Property Values:
Return Values: digunakan untuk mengembalikan sebuang string yang mengandung properti counterIncrement dari suatu elemen.
Contoh:
 |
| Ilustrasi counterReset Style DOM |
Sebelum memahami lebih dalam materi tentang Mereset Penghitungan HTML Menggunakan counterReset Style DOM, terlebih dahulu pelajari materi tentang: Menghitung Inkrementasi HTML Menggunakan counterIncrement Style DOM [klik], Menggabungkan Kolom HTML Menggunakan columnSpan Style DOM [klik], dan Mengatur Lebar Kolom HTML Menggunakan Columns Style DOM [klik].
- 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.
Baca Juga:
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>
Referensi Tambahan:
- 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]
Artikel ini didedikasikan kepada: Rahmuda Ahimsa Ibrar Ilyasa, Raihan Putratama Adisatya, Renanda Sukma Berliani, Ria Kusuma, dan Rio Budi Hendrawan.
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