CSS counter() ফাংশন

পূর্ববর্তী পৃষ্ঠা CSS cos() ফাংশন
পরবর্তী পৃষ্ঠা CSS counters() ফাংশন
একত্রীকরণ CSS ফাংশন পরিচিতি হান্ডবুক

সংজ্ঞা ও ব্যবহার

counter() ফাংশন স্ট্রিং রূপে নির্দিষ্ট কাউন্টারের বর্তমান মান ফিরিয়ে দেয়

উদাহরণ

উদাহরণ 1

পৃষ্ঠা এর জন্য কাউন্টার তৈরি করুন (body সিলেক্টরের মধ্যে)। প্রত্যেক <h2> ইলাকার জন্য কাউন্টার মান যোগ করুন এবং প্রত্যেক <h2> ইলাকার আগে "চতুর্থ চপ্তি" এর টেক্সট যোগ করুন:

body {
  counter-reset: section;
}
h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

কাউন্টারার শৈলী সংজ্ঞায়িত করুন:

body {
  counter-reset: section;
}
h2::before {
  counter-increment: section;
  content: "Section " counter(section, upper-roman) ": ";
}

স্বয়ং প্রয়োগ করুন

CSS য়াক্স

counter(countername, counterstyle)

মান	বর্ণনা
countername	অপরিহার্য। কাউন্টারার নাম (যা counter-reset এবং counter-increment এর মানের সঙ্গে একই হয়) পরীক্ষা করুন, নামটি হাইপারনিউমেন্টিক হয়
counterstyle	বাছাইয়োগ্য। কাউন্টারার শৈলী (যা list-style-type এর মান, @counter-style এর নাম বা symbols() ফাংশন হতে পারে) ডিফল্ট মানটি দশমিক হয়

মান

বর্ণনা

countername

অপরিহার্য। কাউন্টারার নাম (যা counter-reset এবং counter-increment এর মানের সঙ্গে একই হয়)

পরীক্ষা করুন, নামটি হাইপারনিউমেন্টিক হয়

counterstyle

বাছাইয়োগ্য। কাউন্টারার শৈলী (যা list-style-type এর মান, @counter-style এর নাম বা symbols() ফাংশন হতে পারে)

ডিফল্ট মানটি দশমিক হয়