الفرق بين المراجعتين لصفحة: «CSS/counter-reset»
< CSS
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 80: | سطر 80: | ||
* مسودة [https://drafts.csswg.org/css-lists-3/#counter-reset CSS Lists and Counters Module Level 3]. | * مسودة [https://drafts.csswg.org/css-lists-3/#counter-reset CSS Lists and Counters Module Level 3]. | ||
* مواصفة [http://www.w3.org/TR/CSS2/generate.html#propdef-counter-reset CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/generate.html#propdef-counter-reset CSS Level 2 (Revision 1)]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS List]] | [[تصنيف:CSS List|{{SUBPAGENAME}}]] | ||
مراجعة 15:35، 28 يناير 2018
الخاصية counter-reset في CSS تُعيد ضبط قيمة أحد عدّادات CSS إلى قيمة معيّنة، بينما يمكن زيادة أو إنقاص قيمة العداد باستخدام الخاصية counter-increment.
/* ضبط قيمة العداد إلى 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;
| القيمة الابتدائية | none
|
|---|---|
| تُطبَّق على | كل العناصر. |
| قابلة للوراثة | لا |
| قابلة للتحريك | لا |
| القيمة المحسوبة | كما حُدِّدَت. |
أمثلة
القاعدة الآتية ستُعيد ضبط قيمة العداد 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).