ویژگی 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 |
| آموزش زبان 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
