English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تحدد خاصية list-style-image CSS صورة كعلامة لصنف القائمة.
جدول أدناه يوضح كيفية استخدام هذه الخاصية و سجله التاريخي، بالإضافة إلى جملة استخدام الخاصية في سكربت JavaScript.
| القيمة الافتراضية: | normal |
|---|---|
| يُستخدم ل: | عنصر القائمة |
| التوريث: | نعم |
| يمكن تحريكه: | لايرجى الرجوع إلى خصائص التحريك。 |
| الإصدار: | CSS 1،2،3 |
| جملة JavaScript: | مثال.style.listStyleImage="url('images/arrow.png')" |
إشارة:هذاlist-styleغالباً ما تكون السريعة لأسلوب CSS أكثر مرونة، وهي أفضل طريقة لتحديد خصائص القائمة.
يبدو جملة هذه الخاصية كما يلي:
list-style-image: url | none | initial | inherit
يوضح المثال أدناه كيفية استخدام خاصية list-style-image.
ul {
list-style-image: url("images/arrow.png");
}اختبر لمعرفة‹/›جدول أدناه يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| url | موقع الصورة المستخدمة كعلامة لفئة القائمة. |
| none | لن يتم عرض أي صورة علامة. بدلاً من ذلك،list-style-typeستحدد الخاصية هذا كيفية العرض النهائي لصنف القائمة (إذا كان هناك أي من ذلك). هذا هو القيمة الافتراضية. |
| oblique | تم العلامة على الخطوط المائلة. |
| initial | قم بتعيين هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد، فإن العناصر ذات الصلة تستخدم قيمة الخاصية list-style-image للعنصر الأب. |
توافق المتصفحات للحصول على خاصية list-style-image، الأرقام في الجدول التالي تمثل إصدار المتصفح الأدنى الذي يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:قائمة HTML،CSS القائمة。
الخصائص ذات الصلة:list-style،list-style-position،list-style-type。