HTML DOM Style counterIncrement প্রপার্টি

HTML DOM Style counterIncrement প্রপার্টি এক বা একাধিক CSS কাউন্টারের মান বাড়ানোর বা কমানোর জন্য ব্যবহৃত হয়। এটি সাধারণত counterReset এবং content প্রপার্টির সাথে একসাথে ব্যবহৃত হয়।

সিনট্যাক্স

counterIncrement প্রপার্টি সেট করার সিনট্যাক্স:

object.style.counterIncrement = "none|id|initial|inherit"

প্রপার্টি মানগুলো নিচে ব্যাখ্যা করা হলো:

উদাহরণ

<!DOCTYPE html> <html> <head> <style>    ul {       counter-reset: demo_var;    }    li::after {       counter-increment: demo_var 10;       content: " " counter(demo_var) ".";    } </style> <script>    function incrementCounterVal(){       document.getElementsByTagName("li")[0].style.counterIncrement="demo_var 2";       document.getElementById("Sample").innerHTML="কাউন্টার ইনক্রিমেন্ট মান এখন ২ দ্বারা বেড়েছে"; } </script> </head> <body>    <ul>       <li>Demo =</li>       <li>Demo =</li>       <li>Demo =</li>       <li>Demo =</li>       <li>Demo =</li>       <li>Demo =</li>    </ul>    <p>নিচের বাটনে ক্লিক করলে উপরের লিস্টের কাউন্টার ইনক্রিমেন্ট মান বাড়বে</p>    <button onclick="incrementCounterVal()">কাউন্টার মান বাড়ান</button>    <p id="Sample"></p> </body> </html>

আউটপুট

কাউন্টার মান বাড়ান বাটনে ক্লিক করলে: