خصوصیت 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	تعيين مي کند که بايد از والدش، ارث بري داشته باشد.

لینک های اصلی

مرجع CSS

خصوصیت list-style-image

مثال

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

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

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

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.