সিএসএস counter-increment প্রোপার্টি
ব্রাউজার সাপোর্ট
property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
---|---|---|---|---|---|
counter-increment | ৪.০ | ৮.০ | ২.০ | ৩.১ | ৯.৬ |
সংজ্ঞা ও ব্যবহার
counter-increment প্রোপার্টি এক বা একাধিক কাউন্টার ভ্যালু বৃদ্ধি করে।
counter-increment প্রোপার্টিতে একত্রে counter-reset প্রোপার্টি এবং content প্রোপার্টি ব্যবহৃত হয়।
Initial Value: | Inherited: | Animatable: |
---|---|---|
none | না | না। আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
counter-increment: none/id/initial/inherit;
সেকশন এবং সাব-সেকশন দিয়ে নম্বরের একটি ধারা তৈরি পদ্ধতিঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>সিএসএস রেফারেন্স উদাহরণ</title>
<style>
body {
counter-reset: section;
}
h3 {
counter-reset: subsection;
}
h3:before {
counter-increment: section;
content: "Section " counter(section) ". ";
}
h4:before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
<h3>HTML টিউটোরিয়াল </h3>
<h4>HTML টিউটোরিয়াল</h4>
<h4>XHTML টিউটোরিয়াল</h4>
<h4>CSS টিউটোরিয়াল</h4>
<h3>Scripting টিউটোরিয়াল</h3>
<h4>JavaScript</h4>
<h4>VBScript</h4>
<h3>XML টিউটোরিয়াল</h3>
<h4>XML</h4>
<h4>XSL</h4>
<p><b>নোটঃ</b>!DOCTYPE ডিক্লেয়ার না করলে counter-increment প্রোপার্টি ইন্টারনেট
এক্সপ্লোরার ৮ এ সাপোর্ট করবে না।</p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.counterIncrement = "subsection"
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>সিএসএস রেফারেন্স উদাহরণ</title>
<style>
h2 {
counter-increment: section;
}
h2:before {
content: "Section " counter(section) " ";
}
</style>
</head>
<body>
<h2>এইচটিএমএল টিউটোরিয়াল</h2>
<h2 id="text">সিএসএস টিউটোরিয়াল</h2>
<h2>জাভাস্ক্রিপ্ট টিউটোরিয়াল</h2>
<p> ২য় h2 এলিমেন্টের counterIncrement পরিবর্তন করতে "ক্লিক করি" বাটনে ক্লিক করুন।</p>
<button onclick="myFunction()">ক্লিক করি</button>
<script>
function myFunction() {
document.getElementById("text").style.counterIncrement = "subsection";
}
</script>
</body>
</html>
ফলাফল
counter-increment প্রোপার্টির ভ্যালু-সমূহ
- none - counter-increment হবে না।
- id number - কোন কাউন্টার বৃদ্ধি পাবে id তা নির্ধারণ করে। ডিফল্ট increment হচ্ছে 1 অথবা নেগেটিভ ভ্যালুও হতে পারে।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।