خصائص counter-reset CSS
- الصفحة السابقة counter-increment
- الصفحة التالية counter-set
التعريف والاستخدام
يحدد خاصية counter-reset قيمة معدير العداد عند ظهور مبدأ معين. القيمة الافتراضية هي 0.
باستخدام هذا الخصائص، يمكن تعيين أو إعادة تعيين معدير العداد إلى أي قيمة، سواء كانت إيجابية أو سلبية. إذا لم يتم تقديم number، فإن القيمة الافتراضية هي 0.
ملاحظة:لا يمكن إعادة تعيين المُحصى إذا تم استخدام "display: none". يمكن إعادة تعيين المُحصى إذا تم استخدام "visibility: hidden".
يرجى الرجوع أيضًا إلى:
دليل CSSالصيغة pseudo-element :before CSS
دليل CSSالصيغة pseudo-element :after CSS
دليل CSSخاصية content
دليل CSSخاصية counter-increment
وظيفة CSSوظيفة counter()
دليل HTML DOMخاصية counterReset
مثال
طريقة تحديد الرقم للاجزاء والجزئيات (مثل "Section 1"،"1.1"،"1.2")
body
{
counter-reset:section;
}
h1
{
counter-reset:subsection;
}
h1:before
{
content:"Section " counter(section) ". ";
counter-increment:section;
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) ";
}
نص CSS
counter-reset: none|الاسم رقم|الافتراضي|تنسيق النسبية;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| لا شيء | افتراضي. لا يمكن إعادة تعيين مُحصى المُحدد. |
| رقم id |
id تعريف المُحدد الذي يتم فيه إعادة تعيين المُحصى، يمكن أن يكون ID أو class. رقم يمكن تعيين قيمة هذا الم计数ر إلى عدد يمكن أن يكون إيجابياً أو سالباً أو صفرًا. |
| تنسيق النسبية | يُتوقع أن يتم تمرير قيمة خاصية counter-reset من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| تنسيق النسبية: | لا |
| الإصدار: | CSS2 |
| جافا سكربت النص: | object.style.counterReset="subsection" |
دعم المتصفحات
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
ملاحظة:إذا تم تحديد !DOCTYPE، فإن Microsoft Internet Explorer 8 (وإصدارات أعلى) يدعم خاصية counter-reset.
- الصفحة السابقة counter-increment
- الصفحة التالية counter-set
