وظيفة CSS counters()

التعريف والاستخدام

CSS counters() تستعيد القيمة الحالية لحساب الاسم المحدد و الحسابات المدمجة كقيمة النص.

في هذا المثال، نستخدم 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

المرجع:ເອັດສັນ content 属性

المرجع:ເອັດສັນ counter-increment 属性

المرجع:ເອັດສັນ counter-reset 属性

المرجع:قاعدة @counter-style CSS

المرجع:函数 counter() CSS