خصوصیت list-style-position

مثال

مشخص کردن مکانی که علامت لیست بایستی نمایش داده شود. (در این مثال لیست داخل فضای محتوا قرار می گیرد که موجب تورفتگی بیشتر می شود.)

		ul

		{

		list-style-position:inside;

		}

خودتان امتحان کنید »

تعریف و کاربرد

با استفاده از خصوصیت list-style-position می توان مشخص کرد که آیا علامت داخل فضای محتوا قرار گیرد یا خارج از فضای محتوا.

خارج (Outside):

Coffee
Tea
Coca-cola

داخل (Inside):

Coffee
Tea
Coca-cola

مقدار پیشفرض	outside
ارث بری	بله
نسخه	CSS1
JavaScript ساختار	object.style.listStylePosition="inside"

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

تمام مرورگرهای اصلی، خصوصیت list-style-position را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار	توضیحات	نمایش دادن
inside	متن و علامت لیست را به صورت تو رفته نمایش می دهد. bulletها داخل فضای محتوا نمایش داده می شوند.	نمایش دادن »
outside	علامت را سمت چپ متن نگه می دارد. bulletها خارج از فضای محتوا قرار می گیرند. این مقدار، پیش فرض است.	نمایش دادن »
inherit	تعيين مي کند که بايد از والدش، ارث بري داشته باشد.

لینک های اصلی

مرجع CSS

خصوصیت list-style-position

مثال

تعریف و کاربرد

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

مقدارهای خصوصیت

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

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