0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393  1:53 AM

خصوصیت 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 تعيين مي کند که بايد از والدش، ارث بري داشته باشد.

 

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها