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