صفت list-style-image در css
صفت list-style-image در css سبک تصویر آیتم لیست
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت list-style-image در زبان css توضیحاتی را ارائه نماییم.
ویژگی کاربردی list-style-image در زبان css و در اولین نسخه این زبان طراحی یعنی css1 معرفی شده است.
معرفی و کاربرد ویژگی جدید list-style-image در زبان طراحی css
به کمک خاصیت list-style-image در CSS1 می توانیم تصویری برای نشانه گر آیتم های یک لیست درون یک تگ html مشخص کنیم.
خصوصیت list-style-image می تواند بر روی آن دسته از تگ های html که صفت display در آنها از نوع list-item است نیز تاثیر داشته باشد.
مقادیر صفت جدید list-style-image در زبان طراحی css
صفت list-style-image که در زبان طراحی CSS1 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:
- مقدار none
- مقدار url
- مقدار initial
- مقدار inherit
مقدار none درون خاصیت list-style-image در زبان سی اس اس
اگر خاصیت list-style-image را برای یک تگ html برابر با مقدار none تعریف کنیم، یعنی هیچ گونه تصویری برای نشانه گر آیتم های یک لیست تعریف نشود و همان مقادیر پیش فرض تعریف شده نشانه گر آیتم های لیست برای تگ html مربوطه در نظر گرفته می شود. ( مقدار پیش فرض )
[html] div{ list-style-image:none; }[/html]
مقدار url درون خاصیت list-style-image در زبان سی اس اس
اگر خاصیت list-style-image را برای یک تگ html برابر با مقدار url تعریف کنیم، یعنی می خواهیم یک آدرس ( url ) جهت فراخوانی تصویری برای نشانه گر آیتم های یک لیست دورن یک تگ html تعریف کنیم.
[html] div{ list-style-image: url(‘sqpurple.gif’); }[/html]
مقدار initial درون خاصیت list-style-image در زبان سی اس اس
اگر خاصیت list-style-image را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت list-style-image در زبان سی اس اس
اگر خاصیت list-style-image را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
صفت list-style-image در css سبک تصویر آیتم لیست
بررسی خاصیت list-style-image از نظر نسخه زبان طراحی سی اس اس
ویژگی کاربردی list-style-image در زبان css و در اولین نسخه این زبان طراحی یعنی css1 معرفی شده است.
بررسی ساختاری خصوصیت list-style-image در زبان طراحی سی اس اس
عناوین ساختاری خاصیت list-style-image | وضعیت ساختاری خاصیت list-style-image |
مقدار پیش فرض | none |
قابلیت توارث | دارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS1 |
سینتکس صفت در جاوا اسکریپت | "object.style.listStyleImage="url('smiley.gif') |
پشتیبانی مرورگرهای اینترنتی از خاصیت list-style-image در زبان طراحی سی اس اس
خاصیت css | ![]() | ![]() | ![]() | ![]() | ![]() |
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
صفت list-style-image در css سبک تصویر آیتم لیست – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید