خصوصیت list-style
مثال (خصوصیت list-style)
مشخص کردن تمام خصوصیات مربوط به لیست در یک تخصیص:
ul
{
list-style:square url("sqpurple.gif");
}
خودتان امتحان کنید »{
list-style:square url("sqpurple.gif");
}
تعریف و کاربرد
با استفاده از فرم مختصر شده list-style می توان تمام خصوصیات مربوط به لیست را در یک خط تخصیص داد.
خصوصیاتی که می توانند در این خط تنظیم شوند به ترتیب عبارتند از: list-style-type, list-style-position, list-style-image
اگر یکی از خصوصیت ها در بالا مقدار دهی نشود، مثلا" تخصیص به صورت "list-style:circle inside" باشد، مقدار پیش فرض برای آن خصوصیت درج خواهد شد.
| مقدار پیشفرض | disc outside none |
|---|---|
| ارث بری | بله |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.listStyle="decimal inside" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت list-styleرا پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات |
|---|---|
| list-style-type | نوع علامت لیست را مشخص می کند. برای مشاهده مقادیر ممکن به list-style-type مراجعه فرمایید. |
| list-style-position | مشخص می کند که علامت لیست در کجا قرار گیرد. برای مشاهده مقادیر ممکن به list-style-position مراجعه فرمایید. |
| list-style-image | به جای علامت از تصویر استفاده می کند برای مشاهده مقادیر ممکن به list-style-image مراجعه فرمایید. |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
list-style-image (مرجع خصوصیت های CSS)
Styling Lists (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7943
