"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية إزالة الفترة بعد أرقام القائمة المطلوبة في HTML و CSS؟

كيفية إزالة الفترة بعد أرقام القائمة المطلوبة في HTML و CSS؟

نشر في 2025-03-13
تصفح:345

How to Remove the Period After Ordered List Numbers in HTML and CSS?

طلب القوائم في html و css: إزالة الفترة

إنشاء قائمة مرتبة بدون الفترة بعد الأرقام ممكنة باستخدام CSS. على الرغم من أنك قد تفترض أنه غير ممكن ، فلنستكشف كيف يمكنك تحقيق ذلك. نوع القائمة: لا شيء ؛ الهامش اليساري: 0 ؛ }

لإنشاء أرقام مخصصة ، استخدم الكود التالي:

ol.custom {
  list-style-type: none;
  margin-left: 0;
}

سيعرض هذا أرقامًا مخصصة قبل كل عنصر قائمة. لمعالجة هذا ، استخدم قاعدة CSS إضافية تستهدف هذه المتصفحات على وجه التحديد:

ol.custom > li {
  counter-increment: customlistcounter;
}

ol.custom > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  float: left;
  width: 3em;
}
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3