قاعدة @counter-style CSS

التعريف والاستخدام

CSS @counter-style القاعدة تستخدم لتعريف نمط الحساب المخصص.

عندما لا تتوافق الأنماط المسبقة مع الحاجة،@counter-style القاعدة تسمح لك بتعريف نمط الحساب الخاص بك.

مثال

تحديد نمط حساب مرجعي مخصص للقائمة:

@counter-style crown {
  system: cyclic;
  symbols: "\1F451";
  suffix: " ";
}
ul {
  list-style: crown;
}

تجربة شخصية

قواعد CSS

@counter-style countername {
  one or more descriptors
}

قيمة الخاصية

القيمة الوصف
countername

تحديد الاسم الحساس للحروف الكبيرة والصغيرة لنمط المعديل.

ملاحظة: لا يمكن أن يكون اسم المعديل: none، decimal، disc، square، circle، disclosure-open أو disclosure-closed.
system

تحديد الخوارزمية التي يتم استخدامها لتحويل القيمة الصحيحة للمعديل إلى نص.

إذا تم تعيين system على cyclic، numeric، alphabetic، symbolic أو fixed، فإنه يجب أن يكون symbols ضروريًا.

إذا تم تعيين system على additive، فإنه يجب أن يكون additive-symbols ضروريًا.
symbols

تحديد الرموز المستخدمة في العلامة (يمكن أن تكون نصية أو صورة أو معرف مخصص).

إذا تم تعيين وصف system على cyclic، numeric، alphabetic، symbolic أو fixed، فإنه يجب أن يكون ضروريًا.

رموز UTF-8 HTML.
additive-symbols

تحديد المجموعة الإضافية للنظام الإضافي.

يكون نظام المعديل الإضافي (مثل الأرقام الرومانية) من مجموعة من العلامات الموزعة.

قائمة مرتبة من علامات المعديل وفقًا للأهمية ونسبتها غير السلبية.

إذا تم تعيين وصف system على additive، فإنه يكون ضروريًا.
negative تحديد الرمز المضاف إلى العلامة الممثلة إذا كانت القيمة سالبة.
prefix تحديد الرمز المضاف إلى العلامة الممثلة.
suffix تحديد الرمز المضاف إلى العلامة الممثلة.
range

تحديد نطاق القيم الذي يجب أن يكون له نمط المعديل.

إذا كانت قيمة المعديل تتجاوز النطاق، فإنه يتم التراجع إلى النمط البديل.
pad

إذا كان العلامة يجب أن يكون لها طول أقصى، فإنه يجب استخدام هذا الوصف.

على سبيل المثال، إذا كنت ترغب في بدء المعديل من 01، ثم 02، ثم 03، ثم 04 وما إلى ذلك، فإنه يجب استخدام وصف القفز.

للمعديل الذي يتجاوز قيمة القفز المحددة، يتم بناء العلامة بشكل طبيعي.
speak-as

تحديد كيفية قراءة محول الصوت لأسلوب المعديل.

على سبيل المثال، بالنسبة للقوائم المرتبة، يتم قراءتها كأرقام أو أحرف؛ بالنسبة للقوائم غير المرتبة، يتم قراءتها كتنبيهات صوتية.
fallback

تحديد اسم المعديل الذي يتم التراجع إليه إذا لم يستطع النظام بناء العلامة أو إذا كان يتجاوز النطاق المحدد.

إذا لم يتم ذكر معديل بديل أو إذا لم يستطع النظام البديل التعبير عن قيمة المعديل، فإنه يتم التراجع إلى النمط العشري.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم @ القاعدة بشكل كامل.

Chrome Edge Firefox Safari Opera
91 91 33 17 77