خصوصیت list-style-image

مثال

مشخص کردن تصویر به جای علامت یک لیست:

ul
{
list-style-image:url('sqpurple.gif');
}

تعریف و کاربرد

با استفاده از خصوصیت list-style-image می توان تصویری را جایگزین علامت لیست کرد.

توجه: همواره خصوصیت list-style-type را مقدار دهی کنید. این خصوصیت در صورتی که به هر دلیلی تصویر در دسترس نبود، استفاده می گردد.

مقدار پیشفرض none
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.listStyleImage="url('/images/blueball.gif')"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت list-style-image را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
url  مسیر تصویری که قرار است به عنوان علامت لیست قرار گیرد را مشخص می کند.
none

تصویری نمایش داده نمی شود. به جای آن، خصوصیت list-style-type مشخص می کند که چه علامتی برای لیست استفاده گردد. این مقدار، پیش فرض است.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.