في بعض الحالات، يُطلب منا إزالة الرموز النقطية للقوائم غير المرتبة والمرتبة. إن إزالة القائمة النقطية ليست مهمة معقدة باستخدام CSS. يمكن القيام بذلك بسهولة عن طريق ضبط CSS نمط قائمة أو نوع نمط القائمة الملكية ل لا أحد .
ال نوع نمط القائمة تُستخدم خاصية CSS لتعيين العلامة (مثل القرص أو الحرف أو نمط العداد المخصص) لـ a قائمة عنصر البند. تساعدنا خاصية CSS هذه في إنشاء القائمة بدون تعداد نقطي. يمكن تطبيقه فقط على العناصر التي تم تعيين قيمة العرض عليها قائمة الاغراض. ال نوع نمط القائمة الخاصية موروثة، لذلك يمكن تطبيقها على العنصر الأصلي (مثل أو
) لجعله ينطبق على كافة عناصر القائمة.
افتراضيًا، يتم ترقيم عناصر القائمة المرتبة بالأرقام العربية (1، 2، 3، وما إلى ذلك)، ويتم تمييز العناصر الموجودة في القائمة غير المرتبة بالرموز النقطية المستديرة (•). ال نوع نمط القائمة تسمح لنا خاصية CSS بتغيير نوع القائمة الافتراضية للعلامة إلى أي نوع آخر مثل المربع والدائرة والأرقام الرومانية والأحرف اللاتينية وغيرها الكثير.
إذا وضعنا قيمتها على لا أحد ، فإنه سيتم إزالة العلامات/التعداد النقطي. بدلاً من إزالة الرموز النقطية الموجودة في القائمة، يمكننا استبدالها بالصور. يجعل الموقع أكثر جاذبية بصريا. ويمكن القيام بذلك باستخدام صورة نمط القائمة ملكية.
دعونا نفهم كيفية إزالة النقاط باستخدام مثال.
مثال
في هذا المثال، نستخدم كلا من القوائم المرتبة وغير المرتبة ونطبق نوع نمط القائمة الملكية مع القيمة لا أحد لإزالة النقاط النقطية لعناصر القائمة.
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> اختبره الآن انتاج |
