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