وظیفه counters() در CSS
- صفحه قبلی توابع counter() CSS
- صفحه بعدی توابع cubic-bezier() CSS
- برگشت به طبقه بالاتر دستورالعمل‌های مرجع Function CSS
تعریف و استفاده
CSS counters() این function مقدار فعلی شمارنده‌های نام‌گذاری شده و شمارنده‌های پیچیده را به صورت رشته‌ای برمی‌گرداند.
در اینجا از counters() این function یک رشته را بین شمارنده‌های سطح مختلف قرار می‌دهد.
مثال
مثال 1
در اینجا از counters() این function یک رشته را بین شمارنده‌های سطح مختلف قرار می‌دهد (یک نقطه):
ol {
counter-reset: section;
list-style-type: none;
}
li::before {
counter-increment: section;
content: counters(section,".") " ";
}
مثال 2
تنظیم سبک شمارنده و تنظیم رشته اتصال به "-":
ol {
counter-reset: section;
list-style-type: none;
}
li::before {
counter-increment: section;
content: counters(section, "-", lower-alpha) " ";
}
گزارش CSS
counters(countername, string, counterstyle)
| مقدار | توضیح |
|---|---|
| countername |
ضروری. نام شمارنده (همان نامی که در properties counter-reset و counter-increment استفاده می‌شود). توجه داشته باشید که نام‌ها بزرگ‌کوچک مهم هستند. |
| string | ضروری. رشته اتصال. می‌تواند شامل تعداد متن باشد. |
| counterstyle |
اختیاری. سبک شمارنده (می‌تواند مقدار list-style-type باشد، نام @counter-style یا نمادهای function symbols()). مقدار پیش‌فرض decimal است. |
جزئیات فنی
| ورژن: | CSS3 |
|---|
پشتیبانی مرورگر
| کروم | کانت | افراط | سافاری | اپرا |
|---|---|---|---|---|
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
صفحات مرتبط
آموزش:شمارنده CSS
منبع:ویژگی content CSS
منبع:ویژگی counter-increment CSS
منبع:توابع counter() CSS
- صفحه قبلی توابع counter() CSS
- صفحه بعدی توابع cubic-bezier() CSS
- برگشت به طبقه بالاتر دستورالعمل‌های مرجع Function CSS
