خصوصیت list-style-image
مثال (خصوصیت list-style-image)
مشخص کردن تصویر به جای علامت یک لیست:
ul
{
list-style-image:url('sqpurple.gif');
}
خودتان امتحان کنید »{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
list-style (مرجع خصوصیت های CSS)
Styling Lists (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6522
