English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

موسوعة خاصيات CSS

استخدام خاصية list-style-type و مثال

يحدد خاصية list-style-type نوع العلامة المطبقة على عناصر القائمة.

جدول التالي يوضح كيفية استخدام هذه الخاصية و سجله التاريخي بالإضافة إلى نحو استخدامها في سكربتات JavaScript.

القيمة الافتراضية:disc
يُستخدم لل:عنصر القائمة
الوراثة:نعم
يمكن تحريكه:لا.يرجى الرجوع إلى خصائص التحريك
الإصدار:CSS 1،2،3
نحو لغة JavaScript:object.style.listStyleType="circle"

نحو استخدام list-style-type

نحو خاصية هذه هي:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

المثال التالي يوضح كيفية استخدام خاصية list-style-type.

  ol {
   list-style-type: decimal-leading-zero;
  }
  ul {
   list-style-type: square;
  }
التحقق من‹/›

قيمة الخاصية

جدول التالي يصف قيم هذه الخاصية.

القيمةالوصف
discالمبدئي. العلامة هي الدائرة الداكنة.
circleالعلامة هي دائرة فارغة.
squareالعلامة هي مربعة داكنة.
decimalالعلامة هي عدد.
decimal-leading-zeroرقم يبدأ بـ 0 (01, 02, 03، إلخ.)
lower-romanكتابة الرقم الروماني الصغيرة (i, ii, iii, iv, v، إلخ.)
upper-romanكتابة الرقم الروماني الكبيرة (I, II, III, IV, V، إلخ.)
lower-alphaحروف إنجليزية صغيرة The marker is lower-alpha (a، b، c، d، e، إلخ.)
upper-alphaحروف إنجليزية كبيرة The marker is upper-alpha (A، B، C، D، E، إلخ.)
lower-greekحروف يونانية صغيرة (alpha، beta، gamma، إلخ.)
lower-latinحروف لاتينية صغيرة (a, b, c، d، e، إلخ.)
upper-latinحروف لاتينية كبيرة (A, B, C, D، إلخ.)
hebrewطريقة ترقيم عبرية تقليدية
armenianطريقة ترقيم أرمينية تقليدية
georgianطريقة ترقيم جورجية تقليدية (an, ban, gan، إلخ.)
cjk-ideographicرقم بسيط يعبر عن المعنى
هيروغاناالعلامات هي: a, i, u, e, o, ka, ki، إلخ. (اليابانية كاتاكانا)
كاتاكاناالعلامات هي: A, I, U, E, O, KA, KI، إلخ. (اليابانية كاتاكانا)
هيروغانا-ايروهاالعلامات هي: i, ro, ha, ni, ho, he, to، إلخ. (اليابانية كاتاكانا)
كاتاكانا-ايروهاالعلامات هي: I, RO, HA, NI, HO, HE, TO، إلخ. (اليابانية كاتاكانا)
noneعدم تحديد العلامة.
initialتعيين هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديد، فإن العنصر المرتبط يستخدم نفس قيمة list-style-type الخاصة بالعنصر الأم.

توافق المتصفح

مستوى التوافق للمتصفحات الخاصة بخصائص list-style-type، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم هذا الخصائص؛ جميع المتصفحات الشائعة يدعم هذا الخصائص.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

قراءة المزيد

يرجى الرجوع إلى الدروس التالية:قائمة HTML،قائمة CSS

خصائص مرتبطة:list-style،list-style-image،list-style-position