HTML DOM Style counterReset প্রপার্টি একটি কাউন্টারকে একটি নির্দিষ্ট মানে রিসেট করতে বা তৈরি করতে ব্যবহৃত হয়। এটি সাধারণত counterIncrement প্রপার্টির সাথে একসাথে ব্যবহৃত হয় কাউন্টার ইনক্রিমেন্ট বা ডিক্রিমেন্ট করার জন্য।
সিনট্যাক্স
counterReset প্রপার্টি সেট করার সিনট্যাক্স:
object.style.counterReset = "none|name number|initial|inherit"
প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:
| মান | বিবরণ |
|---|---|
| none | এটি ডিফল্ট মান যার মানে কোনো কাউন্টার রিসেট হবে না। |
| name | যে কাউন্টারটি রিসেট করা হবে তার নাম যা রিসেট করা উচিত। |
| idnumber | আইডি দ্বারা দেওয়া কাউন্টারকে সংখ্যা দ্বারা দেওয়া মানতে প্রতিটি সিলেক্টর অকারেন্সে রিসেট করে। এর ডিফল্ট রিসেট মান ০। |
| initial | প্রপার্টিকে ডিফল্ট মানে সেট করার জন্য। |
| inherit | পিতামাতা এলিমেন্ট থেকে মান উত্তরাধিকার সূত্রে পাওয়ার জন্য। |
উদাহরণ
<!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="অনর্ডার্ড লিস্টের কাউন্টার রিসেট মান 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>নিচের বাটনে ক্লিক করলে উপরের লিস্টের counterReset মান পরিবর্তন হবে</p> <button onclick="changeCounterReset()">counterReset পরিবর্তন করুন</button> <p id="Sample"></p> </body> </html>
আউটপুট
counterReset পরিবর্তন করুন বাটনে ক্লিক করলে:
