خصائص list-style-image CSS
- الصفحة السابقة list-style
- الصفحة التالية list-style-position
التعريف والاستخدام
يستخدم خاصية list-style-image الصورة لاستبدال علامة المكونات في العنصر القائمة.
شرح
يحدد هذا الخاصية الصورة التي يتم استخدامها كعلامة للمكونات في القائمة المرتبة أو غير المرتبة. عادةً يتم التحكم في وضع الصورة بالنسبة إلى محتوى العنصر باستخدام خاصية list-style-position.
تعليق:يرجى دائمًا تحديد خاصية "list-style-type" إذا لم تكن الصورة متاحة.
انظر أيضًا:
دليل CSSقائمة CSS
دليل CSSخصائص list-style CSS
دليل HTML DOMخاصية listStyleImage
مثال
اعتماد الصورة كعلامة للمكونات في القائمة:
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
قواعد اللغة CSS
list-style-image: لا شيء|url|initial|تنقل;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| URL | مسار الصورة. |
| لا شيء | افتراضي. لا يتم عرض أي رسم. |
| تنقل | يحدد ذلك يجب أن يتم انتقال قيمة الخاصية list-style-image من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| التنقل: | نعم |
| الإصدار: | CSS1 |
| قواعد اللغة JavaScript: | object.style.listStyleImage="url('/images/blueball.gif')" |
مزيد من الأمثلة
- استخدام الصورة كعلامة لمكونات القائمة
- هذا المثال يوضح كيفية استخدام الصورة كعلامة لمكونات القائمة.
دعم المتصفح
الرقم في الجدول يوضح الإصدار الأولي للbrowser الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- الصفحة السابقة list-style
- الصفحة التالية list-style-position
