الخاصية counter-reset
< CSS
الخاصية counter-reset
في CSS تُعيد ضبط قيمة أحد عدّادات CSS إلى قيمة معيّنة، بينما يمكن زيادة أو إنقاص قيمة العداد باستخدام الخاصية counter-increment
.
بطاقة الخاصية
القيمة الابتدائية | none
|
---|---|
تُطبَّق على | كل العناصر. |
قابلة للوراثة | لا |
قابلة للتحريك | لا |
القيمة المحسوبة | كما حُدِّدَت. |
/* ضبط قيمة العداد إلى 0 */
counter-reset: my-counter;
/* ضبط قيمة العداد إلى -1 */
counter-reset: my-counter -1;
/* ضبط قيمة أوّل عداد إلى 1 وثاني عدّاد إلى 4 */
counter-reset: counter1 1 counter2 4;
/* إلغاء عملية إعادة التعيين، وتُستخدَم لتجاوز القواعد التي لها أولوية أقل */
counter-reset: none;
/* القيم العامة */
counter-reset: inherit;
counter-reset: initial;
counter-reset: unset;
أمثلة
القاعدة الآتية ستُعيد ضبط قيمة العداد chapter
و page
إلى 0، وستضبط قيمة العداد section
إلى القيمة 1
:
h1 {
counter-reset: chapter section 1 page;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 2.0 | 1.0 | 8.0 | 9.2 | 3.1 |
البنية العامة
تقبل الخاصية counter-reset
أحد الأشكال الآتية:
<custom-ident>
تُسمي العداد ويتبعها اختياريًا عدد صحيح<integer>
، ويمكنك تحديد أي عدد تشاء من العدّادات لإعادة ضبط قيمتها ويُفصَل بين كل زوجين من القيم بفراغ.- الكلمة المحجوزة
none
.
<custom-ident>
اسم العدّاد الذي نريد إعادة تعيين قيمته.
<integer>
القيمة التي سيُضبَط إليها العداد، والقيمة الافتراضية هي 0
.
none
لا يجب إعادة تعيين أيّ عداد، وتُستخدَم هذه القيمة كقيمة افتراضية، أو لإلغاء إعادة تعيين قيمة العدادات إذا كانت درجة تحديد القاعدة أكبر.
البنية الرسمية
counter-reset: [ <custom-ident> <integer>? ]+ | none
مصادر ومواصفات
- مسودة CSS Lists and Counters Module Level 3.
- مواصفة CSS Level 2 (Revision 1).