ویژگی list-style-image در CSS

list-style-image Property

ویژگی list-style-image در CSS تصویر دلخواه را برای علائم آیتم های لیست مشخص می کند.

نحوه نوشتار

list-style-image: none;

list-style-image: url('item-pic.png');

مقدار

url

آدرس url تصویر برای آیتم های لیست را مشخص می کند.

none​

هیچ تصویری را برای لیست آیتم مشخص نمی کند.

در مثال زیر نحوه عملکرد این ویژگی را می بینیم:

html

<ul>
   <li>آیتم شماره ۱</li>
   <li>آیتم شماره ۲</li>
   <li>آیتم شماره ۳</li>
   <li>آیتم شماره ۴</li>
</ul>

css

ul {
    list-style-image: url(http://my-project.ir/img/list-img.png);
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی CSS پشتیانی می کنند.