خصوصیت list-style-position
مثال (خصوصیت list-style-position)
مشخص کردن مکانی که علامت لیست بایستی نمایش داده شود. (در این مثال لیست داخل فضای محتوا قرار می گیرد که موجب تورفتگی بیشتر می شود.)
ul
{
list-style-position:inside;
}
خودتان امتحان کنید »{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
list-style-image (مرجع خصوصیت های CSS)
Styling Lists (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6653
