يعد الترقيم عنصرا مهما عند إنشاء القوائم وتنظيم المعلومات. غالبا ما يواجه مطورو ومصممو الويب الحاجة إلى تخصيص مظهر الترقيم لمطابقة النمط العام للمستند أو الموقع. في هذا البرنامج التعليمي المفصل ، وسوف ننظر في كيفية جعل الترقيم جريئة باستخدام هتمل و كس.
الخطوة الأولى هي إنشاء قائمة نقطية باستخدام علامة
الآن سيتم عرض ترقيم عناصر القائمة بخط غامق ، بينما سيتم عرض نص القائمة بخط عادي (غير غامق).
- باستخدام العلامة
- إضافة رقم للترقيم
- تطبيق أنماط كس
- استخدام جافا سكريبت للترقيم التلقائي
باستخدام العلامة
.
:
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
.
:
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
إضافة رقم للترقيم
لإضافة رقم إلى الترقيم ، استخدم نوع نمط قائمة خصائص كس وقم بتعيين القيمة العشرية.
قم بتطبيق النمط على عنصر القائمة الذي تريد ترقيمه:
يمكنك أيضا استخدام قيم أخرى لخاصية نوع نمط القائمة لإنشاء أنواع مختلفة من الترقيم ، على سبيل المثال ، الروماني السفلي للترقيم الروماني أو ألفا العلوي للترقيم اللاتيني بأحرف كبيرة.
نتيجة لذلك ، سيتم ترقيم عناصر القائمة وفقا لذلك:
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
يرجى ملاحظة أن الأمثلة تعطى بدون أنماط وتستخدم فقط لإثبات الترقيم.
تطبيق أنماط كس
.
Вот пример CSS кода, который применяет жирный шрифт к номерам списка:
}
В данном примере мы создали нумерацию списка, используя свойство
counter-reset
العنصر:: قبل
والخصائص
المحتوى
الحشو-اليمين
تعيين جريئة والمسافة البادئة على اليمين لرقم القائمة.
وبالتالي ، من خلال تطبيق أنماط كس هذه ، يمكنك جعل الترقيم غامقا.