HTML DOM Style counterIncrement প্রপার্টি এক বা একাধিক CSS কাউন্টারের মান বাড়াতে বা কমাতে ব্যবহার করা হয়। এটি সাধারণত কাউন্টাররিসেট এবং বিষয়বস্তু সম্পত্তির সাথে একসাথে ব্যবহৃত হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলকাউন্টার ইনক্রিমেন্ট প্রপার্টি −
সেট করা হচ্ছেobject.style.counterIncrement = "none|id|initial|inherit"
উপরের সম্পত্তির মানগুলি নিম্নরূপ ব্যাখ্যা করা হয়েছে -
| মান | বর্ণনা |
|---|---|
| কোনও নয়৷ | এটি ডিফল্ট মান এবং কাউন্টারগুলি বৃদ্ধি করা হয় না৷ |
| আইডি নম্বর৷ | প্রদত্ত নম্বর দ্বারা নির্দিষ্ট আইডির জন্য কাউন্টারটিকে বৃদ্ধি করা৷ ডিফল্ট বৃদ্ধির মান হল 1 এবং 0 বা ঋণাত্মক মানগুলিও অনুমোদিত৷ |
| প্রাথমিক৷ | এই প্রপার্টিটিকে প্রারম্ভিক মানের জন্য ফরসেট করা হচ্ছে। |
| উত্তরাধিকার৷ | অভিভাবক সম্পত্তি মান উত্তরাধিকারসূত্রে প্রাপ্ত করুন৷ |
আসুন আমরা কাউন্টার ইনক্রিমেন্ট প্রপার্টি -
-এর একটি উদাহরণ দেখিউদাহরণ
<!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="The counter increment values is now increased by2";
}
</script>
</head>
<body>
<ul>
<li>Demo =</li>
<li>Demo =</li>
<li>Demo =</li>
<li>Demo =</li>
<li>Demo =</li>
<li>Demo =</li>
</ul>
<p>Increase the above list counter Increment value by clicking the below button</p>
<button onclick="incrementCounterVal()">Increase Counter Value</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
“কাউন্টার মান বাড়ান ক্লিক করলে ” বোতাম -
