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

دليل CSS

قواعد CSS (RULES)

كامل الخاصيات CSS

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

تعريف خاصية list-style CSSعنصر القائمةنمط العرض. إنه يستخدم لضبط خصائص القائمة (التي تعرف أيضًا بـlist-style-type،list-style-positionوlist-style-imageالخصائص المختصرة للـ ).

جدول أدناه يوضح شرح الاستخدام والسجل التاريخي لهذه الخاصية، وكذلك نظام النص الخاص بهذه الخاصية في سكربتات JavaScript.

القيمة الافتراضية:إلقاء نظرة على جميع الخاصيات
مناسب لـعناصر القائمة
الوراثة:نعم
يمكن أن يتحركلايرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
JavaScript Syntax:object.style.listStyle="decimal inside"

نظام النص الخاص بـ list-style

نظام النص الخاص بهذا الخصائص هو:

list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit

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

  ul {
   list-style: circle inside;
  }
  ol {
   list-style: upper-latin outside;
  }
تجربة رؤية‹/›

قيمة الخاصية

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

القيمةوصف
list-style-typeتحديد نمط علامة عنصر القائمة.
list-style-positionتحديد موقع علامة عنصر القائمة.
list-style-imageتحديد الصورة المستخدمة كعلامة لعدد القائمة.
initialأضف هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديد، فإن العناصر المرتبطة تستخدم قيمة الخاصية list-style للاعب

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

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

قراءة المزيد

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

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