HTML DOM শৈলী কাউন্টাররিসেট সম্পত্তি

HTML DOM স্টাইল কাউন্টাররিসেট বৈশিষ্ট্য একটি কাউন্টারকে একটি নির্দিষ্ট মান রিসেট করতে বা একটি তৈরি করতে ব্যবহৃত হয়। এটি সাধারণত কাউন্টার বৃদ্ধি বা হ্রাস করার জন্য কাউন্টারইনক্রিমেন্ট সম্পত্তির সাথে একসাথে ব্যবহৃত হয়।

−

-এর সিনট্যাক্স নিচে দেওয়া হল

কাউন্টাররিসেট বৈশিষ্ট্য −

সেট করা হচ্ছে

object.style.counterReset = "none|name number|initial|inherit"

উপরের সম্পত্তির মানগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -

মান	বর্ণনা
কোনও নয়৷	এটি ডিফল্ট মান যার অর্থ কোনো কাউন্টার রিসেট করা হবে না৷
নাম৷	প্রদত্ত নামের সাথে কাউন্টারটিকে ইট্রসেট করে যা রিসেট করা উচিত৷
আইডি নম্বর৷	আইডি দ্বারা প্রদত্ত কাউন্টারটিকে এক নম্বর নির্বাচক ঘটনা দ্বারা প্রদত্ত মানের সাথে সেট করে৷ এর ডিফল্ট রিসেট মান 0।
প্রাথমিক৷	এই প্রপার্টিটিকে প্রারম্ভিক মানের জন্য ফরসেট করা হচ্ছে।
উত্তরাধিকার৷	অভিভাবক সম্পত্তি মান উত্তরাধিকারসূত্রে পাওয়া

আসুন আমরা কাউন্টাররিসেট প্রপার্টি -

-এর একটি উদাহরণ দেখি

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
   li::after {
      counter-increment: demo_var 10;
      content: " " counter(demo_var) ".";
   }
</style>
<script>
   function changeCounterReset(){
      document.getElementsByTagName("ul")[0].style.counterReset="demo_var";
      document.getElementById("Sample").innerHTML="The counter reset value for unordered list is    demo_var";
   }
</script>
</head>
<body>
   <ul>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
   </ul>
   <p>Change the above list counterReset value by clicking the below button</p>
   <button onclick="changeCounterReset()">Change counterReset</button>
   <p id="Sample"></p>
</body>
</html>

আউটপুট

HTML DOM শৈলী কাউন্টাররিসেট সম্পত্তি

“Change counterReset এ ক্লিক করলে ” বোতাম -

HTML DOM শৈলী কাউন্টাররিসেট সম্পত্তি