কোর্স সুপারিশ:

CSS counters() ফাংশন

সংজ্ঞা ও ব্যবহার counters() CSS-র

এখানে, আমরা ব্যবহার করি counters() ফাংশন নামকৃত কাউন্টার এবং নিহিত কাউন্টারার বর্তমান মান ফাংশনাকৃত স্ট্রিং রূপে ফিরিয়ে দেয়

প্রতিদর্শ

উদাহরণ 1

এখানে, আমরা ব্যবহার করি counters() ফাংশন বিভিন্ন স্তরের নিহিত কাউন্টারার মধ্যে একটি স্ট্রিং (একটি পয়েন্ট) যোগ করে

ol {
  counter-reset: section;
  list-style-type: none;
}
li::before {
  counter-increment: section;
  content: counters(section,".") " ";
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

কাউন্টারার শৈলী সংজ্ঞায়িত করুন, এবং যোগাযোগ স্ট্রিং হবে "-":

ol {
  counter-reset: section;
  list-style-type: none;
}
li::before {
  counter-increment: section;
  content: counters(section, "-", lower-alpha) " ";
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS 语法

counters(countername, string, counterstyle)
মান বর্ণনা
countername

অপরিহার্য।কাউন্টারার নাম (যা counter-reset এবং counter-increment অ্যাট্রিবিউট ব্যবহার করা নাম সমতুল্য)

মন্তব্য: নাম হাইপারনিউমেন্ট করা হয়।
string অপরিহার্য।যোগাযোগ স্ট্রিং।কোনও সংখ্যক টেক্সট অক্ষর হতে পারে
counterstyle

সম্ভাব্য।কাউন্টারার শৈলী (যা list-style-type মান, @counter-style নাম বা symbols() ফাংশন হতে পারে)।

ডিফল্ট মান decimal。

প্রযুক্তিগত বিবরণ

সংস্করণ: CSS3

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

相关页面

শিক্ষানোট:CSS কাউন্টার

সূত্র:CSS কনটেন্ট প্রতিভা

সূত্র:CSS কাউন্টার-ইনক্রিমেন্ট প্রতিভা

সূত্র:CSS কাউন্টার-রিসেট প্রতিভা

সূত্র:CSS @counter-style রুল

সূত্র:CSS counter() ফাংশন