Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mereset Penghitungan HTML Menggunakan counterReset Style DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.


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, Menggabungkan Kolom HTML Menggunakan columnSpan Style DOM, dan Mengatur Lebar Kolom HTML Menggunakan Columns Style DOM.

Sintak:
  • 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>


Artikel ini didedikasikan kepada: Rahmuda Ahimsa Ibrar Ilyasa, Raihan Putratama Adisatya, Renanda Sukma Berliani, Ria Kusuma, dan Rio Budi Hendrawan.
Location: Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Mereset Penghitungan HTML Menggunakan counterReset Style DOM"

  1. AnonimSelasa, 28 Juni 2022 pukul 13.32.00 WIB

    Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti counterReset Style DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimSelasa, 28 Juni 2022 pukul 13.33.00 WIB

      Berikut adalah beberapa jenis browser populer yang dapat digunakan oleh user untuk mengaktifkan properti counterReset Style DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. AnonimRabu, 29 Juni 2022 pukul 10.22.00 WIB

    Apa yang dimaksud dengan properti counterReset Style DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimRabu, 29 Juni 2022 pukul 10.22.00 WIB

      Properti counterReset Style DOM pada HTML merupakan properti yang digunakan untuk membuat atau mengatur ulang satu atau lebih nilai counter.

      Hapus
    2. AnonimRabu, 29 Juni 2022 pukul 10.22.00 WIB

      Properti counterReset Style DOM pada HTML biasanya digunakan bersamaan dengan properti counterIncremenet dan properti Content.

      Hapus

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 -