خاصية نوع علامة القائمة
آخر تحديث: 2026-09-13
list-style-type خاصية نوع علامة القائمة
تضبط list-style-type العلامة أمام عناصر القائمة، مثل نقطة ممتلئة أو دائرة مجوفة أو رقم أو رقم روماني. والافتراضي هو disc. وتدعم العديد من العلامات المُعرّفة مسبقًا والسلاسل المخصصة، مما يجعلها الخاصية الأكثر استخدامًا للتحكم في المظهر المرئي للقائمة.
| الفئة | |
|---|---|
| القيمة الأولية | disc |
| موروث | لا |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS1 |
| الحالة | قياسي |
📝 التركيب
list-style-type: none | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | <string>;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
disc | circle | square | decimal | none | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | كلمة مفتاحية | أنواع علامات القائمة |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| list-style-type | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： تزيل list-style-type: none العلامة تمامًا، وتُستخدم عادةً في قوائم التنقل الأفقية.
تحذير： قد تُعرض بعض أنواع العلامات (مثل georgian و armenian) بشكل غير متسق عبر المتصفحات.
❓ الأسئلة الشائعة
Qما الفرق بين disc و circle و square؟
Adisc هي نقطة ممتلئة (الافتراضي للقوائم غير المرتبة)، و circle دائرة مجوفة، و square مربع ممتلئ. تُستخدم جميعها في قوائم <ul> وتُعرض باختلاف طفيف عبر المتصفحات. و disc هي الأكثر شيوعًا، و circle تبدو أخف، و square تناسب القوائم المؤكَّدة. فإذا افتقر الخط الحالي إلى الرمز، يرجع المتصفح إلى disc.
Qكيف أخصص علامات القائمة برموز تعبيرية أو أيقونات؟
Aطريقتان: استخدم قيمة سلسلة مباشرة، list-style-type: "→ "; (يدعمها المتصفحات الحديثة بما فيها الرموز التعبيرية)، أو الأسلوب الأكثر مرونة: list-style: none مع li::before لإدراج content: "✔"، مع التحكم في اللون والحجم والمسافة عبر CSS. والطريقة الثانية موصى بها لتحكمها وسلوكها المتسق عبر المتصفحات.
Qما هي قيم العلامات الرقمية الشائعة؟
Adecimal (1, 2, 3)، و decimal-leading-zero (01, 02)، و lower-roman/upper-roman، و lower-alpha/upper-alpha، و georgian، و armenian. وتستخدم المشاريع الصينية عادةً decimal و lower-alpha؛ كثيرًا ما تستخدم جداول المحتويات upper-roman.
Qهل تبقى دلالة القائمة بعد list-style-type: none؟
Aنعم. لا يزيل list-style-type: none سوى العلامة المرئية؛ وتبقى دلالة listitem لعنصر <li> محفوظة، ولا يزال قارئ الشاشة يتعرف على بنية القائمة. انتقل إلى عنصر آخر فقط عندما لا يعود المحتوى قائمة. ولا يجب أن يكلّفك إزالة العلامات في قوائم التنقل الدلالة.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
