سبد (0)

تبلیغات

خصوصیت list-style

مثال (خصوصیت list-style)

مشخص کردن تمام خصوصیات مربوط به لیست در یک تخصیص:

ul
{
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"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی