سبد (0)

خصوصیت list-style-position

مثال (خصوصیت 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"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

مقدار توضیحات نمایش دادن
inside  متن و علامت لیست را به صورت تو رفته نمایش می دهد. bulletها داخل فضای محتوا نمایش داده می شوند. نمایش دادن »
outside

علامت را سمت چپ متن نگه می دارد. bulletها خارج از فضای محتوا قرار می گیرند. این مقدار، پیش فرض است.

نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

list-style-image (مرجع خصوصیت های CSS)

Styling Lists (بیاموز CSS)

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