خصوصیت list-style-image

چاپ

مثال (خصوصیت 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')"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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

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

نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

list-style (مرجع خصوصیت های CSS)

Styling Lists (بیاموز CSS)