CSS list-style اپریشن
- پیشین صفا line-height
- پچھلے پیچھے list-style-image
تعریف و استفاده
ویژگی خلاصهسازی list-style تمام ویژگیهای لیست را در یک تابع تنظیم میکند.
توضیح
این ویژگی یک ویژگی خلاصهسازی است که شامل تمام ویژگیهای دیگر سبک لیست است. به دلیل اینکه به تمام عناصر با display list-item اعمال میشود، در HTML و XHTML معمولی فقط میتوان از آن برای عناصر li استفاده کرد، اما در واقع میتواند به هر عنصری اعمال شود و توسط عناصر list-item ارث برسد.
این ویژگی میتواند به ترتیب زیر تنظیم شود:
مقدارهای یکی از آنها را میتوان نادیده گرفت، مانند "list-style:circle inside;" نیز مجاز است. ویژگیهایی که تنظیم نشدهاند از مقدار پیشفرض استفاده میکنند.
برای اطلاعات بیشتر،
آموزش CSS:CSS فہرست
دستورالعمل HTML DOM:ویژگی listStyle
مثال
تصویر را به عنوان نشانهی لیست در لیست قرار دهید:
ul
{
list-style:square inside url('/i/arrow.gif');
}
نوعنامگذاری CSS
list-style: list-style-type list-style-position list-style-image|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| list-style-type | تعیین نوع نشانههای لیست. برای اطلاعات بیشتر،list-style-type مقدارهای ممکن. |
| list-style-position | تعیین مکان قرارگیری نشانههای لیست. برای اطلاعات بیشتر،list-style-position مقدارهای ممکن. |
| list-style-image | از تصاویر برای جایگزینی نشانههای لیست استفاده کنید. برای اطلاعات بیشتر،list-style-image مقدارهای ممکن. |
| inherit | این ویژگی باید مقدار ویژگی list-style از عنصر والد خود به ارث برسد. |
جزئیات فنی
| مقدار پیشفرض: | disc outside none |
|---|---|
| وراثت: | بله |
| نسخه: | CSS1 |
| نوعنامگذاری JavaScript: | object.style.listStyle="decimal inside" |
مثالهای بیشتر
- تعریف تمام ویژگیهای لیست در یک تابع
- این مثال نشان میدهد که چگونه تمام ویژگیهای مربوط به لیست را در یک ویژگی خلاصهسازی میکنیم.
پشتیبانی مرورگر
جداول میگویند که نسخه اولین مرورگر که این ویژگی را کاملاً پشتیبانی میکند.
| کروم | آئی ای / اینج | فائر فاکس | سافری | اوپرا |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- پیشین صفا line-height
- پچھلے پیچھے list-style-image
