وظيفة سي اس اس counter()

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

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) ": ";
}

تجربة شخصية

قواعد اللغة سي اس اس

counter(countername, counterstyle)

تفاصيل التقنية

دعم المتصفح

الصفحات ذات الصلة

دروس:مستشعر CSS

المرجع:خصائص content CSS

المرجع:خصائص counter-increment CSS

المرجع:خصائص counter-reset CSS

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

المرجع:دالة counters() في CSS