CSS list-style-image کی اپریٹ
- بالای پیغام لیست استایل
- پایین پیغام list-style-position
تعریف و استفاده
ویژگی list-style-image از تصاویر برای جایگزینی نشانههای موارد لیست استفاده میکند.
توضیح
این ویژگی تصویری را مشخص میکند که به عنوان نشانهای برای یک لیست مرتب یا نامرتب استفاده میشود. مکان قرارگیری تصویر در مقایسه با محتوای لیست معمولاً توسط ویژگی list-style-position کنترل میشود.
نکته:لطفاً همیشه یک ویژگی "list-style-type" تعیین کنید تا در صورت عدم موجودی تصویر، چیزی نمایش داده شود.
لطفاً ببینید:
آموزش CSS:CSS ਲਿਸਟ
دستورالعمل مرورگر CSS:CSS list-style کی اپریٹ
دستورالعمل مرورگر HTML DOM:ویژگی listStyleImage
مثال
تصویر را به عنوان نشانهای برای موارد لیست تنظیم کنید:
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
قوانین CSS
list-style-image: none|url|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| URL | مسیر تصویر. |
| هیچکدام | پیشفرض. هیچ تصویری نمایش داده نمیشود. |
| ارث | این ویژگی باید از طریق list-style-image از پدر عنصر ارث ببرد. |
جزئیات فنی
| مقدار پیشفرض: | هیچکدام |
|---|---|
| ارث: | بله |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | آبجکت.style.listStyleImage="url('/images/blueball.gif')" |
مثالهای بیشتر
- استفاده از تصاویر به عنوان نشانههای لیست
- این مثال نشان میدهد که چگونه میتوان تصاویر را به عنوان نشانههای لیست استفاده کرد.
پشتیبانی مرورگر
جداول شمارهای که در آنها ذکر شدهاند، نسخههای اولیه مرورگرهایی که این ویژگی را کامل پشتیبانی میکنند را نشان میدهند.
| ਚਰਮੋਇ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- بالای پیغام لیست استایل
- پایین پیغام list-style-position
