خاصية CSS list-style-image
مثال
حدد صورة كعلامة عنصر قائمة في قائمة:
ul
{
list-style-image: url('sqpurple.gif');
}
التعريف والاستخدام
تستبدل الخاصية علامة list-style-image
عنصر القائمة بصورة.
ملاحظة: حدد دائمًا خاصية نوع نمط القائمة بالإضافة إلى ذلك. يتم استخدام هذه الخاصية إذا كانت الصورة لسبب ما غير متوفرة.
القيمة الافتراضية: | لا أحد |
---|---|
وارث: | نعم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS1 |
بناء جملة JavaScript: | الكائن .style.listStyleImage = "url ('smiley.gif')" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
بنية CSS
list-style-image: none|url|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | |
url | The path to the image to be used as a list-item marker | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
دروس CSS: قائمة CSS
مرجع CSS: خاصية نمط القائمة
مرجع DOM HTML: خاصية listStyleImage