ویژگی CSS list-style-position
- صفحه قبل list-style-image
- صفحه بعدی list-style-type
تعریف و استفاده
ویژگی listStylePosition مکان قرارگیری نشانه‌های لیست را تعیین می‌کند.
توضیح
این ویژگی برای اعلان مکان نشانه‌های لیست در مقایسه با محتوای لیست استفاده می‌شود. نشانه‌های خارجی (outside) در فاصله‌ای از لبه‌های لیست قرار می‌گیرند که این فاصله در CSS تعریف نشده است. نشانه‌های داخلی (inside) به عنوان اگر آن‌ها به عنوان عنصر خطی در ابتدای محتوای لیست قرار گرفته باشند، در نظر گرفته می‌شوند.
لطفاً به: بپردازید
آموزش پیشنهادی:لیست CSS
دستورالعمل مرجع CSS:ویژگی CSS list-style
دستورالعمل مرجع HTML DOM:ویژگی listStylePosition
مثال
محل قرارگیری نشانه‌های لیست در لیست را مشخص می‌کند:
ul
{
list-style-position:inside;
}
جملات دستور زبان CSS
list-style-position: inside|outside|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| inside | نشانه‌های لیست در داخل متن قرار می‌گیرند و متن بر اساس نشانه‌ها به هم می‌چسبد. |
| outside | مقدار پیش‌فرض. نشانه‌های لیست در سمت چپ متن قرار می‌گیرند. نشانه‌های لیست در خارج از متن قرار می‌گیرند و متن به هیچ وجه بر اساس نشانه‌ها به هم می‌چسبد. |
| inherit | این تعریف می‌کند که مقدار list-style-position باید از عنصر پدر به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | outside |
|---|---|
| erbندی: | بله |
| نسخه: | CSS1 |
| جملات دستور زبان JavaScript: | object.style.listStylePosition="inside" |
مثال‌های بیشتر
- محل‌گذاری نشانه‌های لیست
- این مثال نشان می‌دهد که کجا باید نشانه‌های لیست را قرار دهیم.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل list-style-image
- صفحه بعدی list-style-type
