ویژگی list-style-image CSS
- صفحه قبل list-style
- صفحه بعدی list-style-position
تعریف و استفاده
ویژگی list-style-image از تصویر برای جایگزینی علامت آیتم‌های لیست استفاده می‌کند.
توضیح
این ویژگی تصویری را که به عنوان علامت آیتم‌های لیست استفاده می‌شود، مشخص می‌کند. مکان قرارگیری تصویر در مقایسه با محتوای آیتم لیست معمولاً توسط ویژگی list-style-position کنترل می‌شود.
نکته:لطفاً همیشه یک ویژگی "list-style-type" تعیین کنید تا در صورت عدم موجودی تصویر، از آن استفاده شود.
لطفاً ببینید:
آموزش CSS:لیست CSS
دستورالعمل CSS:ویژگی list-style CSS
دستورالعمل HTML DOM:ویژگی listStyleImage
مثال
تصویر را به عنوان علامت آیتم لیست تنظیم کنید:
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
قوانین CSS
list-style-image: none|url|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| URL | مسیر تصویر. |
| هیچ‌کدام | پیش‌فرض. هیچ تصویری نمایش داده نمی‌شود. |
| inherit | این ویژگی باید مقدار list-style-image از عنصر والد خود را دریافت کند. |
جزئیات فنی
| مقدار پیش‌فرض: | هیچ‌کدام |
|---|---|
| انتقالی: | بله |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | object.style.listStyleImage="url('/images/blueball.gif')" |
مثال‌های بیشتر
- استفاده از تصویر به عنوان علامت آیتم لیست
- این مثال نحوه استفاده از تصویر به عنوان علامت آیتم لیست را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این ویژگی پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- صفحه قبل list-style
- صفحه بعدی list-style-position
