CSS کاؤنٹر ری سیٹ پرپرٹی
- صفحه قبل counter-increment
- صفحه بعدی counter-set
تعریف و استفاده
نوعیت counter-reset مقدار شمارنده تعداد ظهور یک انتخاب‌کننده را تنظیم می‌کند. مقدار پیش‌فرض 0 است.
استعمال اسپرکٹری، شمارنده می‌تواند تنظیم یا تنظیم مجدد شود به هر مقدار ممکن، مثبت یا منفی. اگر number فراهم نشود، مقدار پیش‌فرض 0 است.
توضیح:اگر از "display: none" استفاده شود، نمی‌توان شمارنده را دوباره شروع کرد. اگر از "visibility: hidden" استفاده شود، می‌توان شمارنده را دوباره شروع کرد.
لطفاً ببینید:
دستورالعمل CSSCSS :before کا ناشر عناصر
دستورالعمل CSSCSS :after کا ناشر عناصر
دستورالعمل 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|نام number|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| none | پیش‌فرض. نمی‌توان شمارنده انتخاب‌گر را دوباره شروع کرد. |
| شماره id |
id تعیین انتخاب‌گر، id یا class برای شروع دوباره شمارنده. number مقدار شمارنده‌ای که تعداد ظهور این انتخاب‌گر را نشان می‌دهد را می‌توان تنظیم کرد. می‌تواند عدد مثبت، صفر یا منفی باشد. |
| inherit | تعیین می‌شود که باید مقدار ویژگی counter-reset از عنصر والد ارث‌برداری کند. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| ترتیب‌دهی: | no |
| نسخه: | CSS2 |
| آموزش نحوی JavaScript: | اجسام.style.counterReset="subsection" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی کامل پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
توضیح:اگر !DOCTYPE تعیین شده باشد، اینترنت اکسپلورر 8 (و نسخه‌های بالاتر) از ویژگی counter-reset پشتیبانی می‌کند.
- صفحه قبل counter-increment
- صفحه بعدی counter-set
