ویژگی Style listStyle
- صفحه قبل lineHeight
- صفحه بعدی listStyleImage
- بازگشت به لایه بالاتر اجزای HTML DOM Style
تعریف و استفاده
listStyle ویژگی‌ها به صورت کوتاه‌تر تنظیم یا بازگردانده می‌شوند و حداکثر سه ویژگی جداگانه از لیست‌ها را تنظیم می‌کنند.
با استفاده از این ویژگی، می‌توانید یکی از موارد زیر را تنظیم یا بازگردانید (در هر ترتیب):
لطفاً به
آموزش CSS:لیست CSS
دستورالعمل CSS:ویژگی list-style
مثال
مثال 1
سبک لیست را تغییر دهید:
document.getElementById("myList").style.listStyle = "decimal inside";
مثال 2
نوع و موقعیت لیست را به "square inside" تغییر دهید:
document.getElementById("myList").style.listStyle = "square inside";
مثال 3
سبک لیست را بازگرداند:
document.getElementById("myList").style.listStyle;
قوانین دستور زبان
ویژگی listStyle را بازگردانید:
object.style.listStyle
ویژگی listStyle را تنظیم کنید:
object.style.listStyle = "type position image|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| type | نوع علامت آیتم لیست را تعریف می‌کند. |
| position | موقعیت علامت آیتم لیست را تعیین می‌کند. |
| image | تصویر را تعریف می‌کند که به عنوان علامت آیتم لیست استفاده می‌شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | disc outside none |
|---|---|
| مقدار بازگشتی: | رشته‌ای که سبک لیست را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل lineHeight
- صفحه بعدی listStyleImage
- بازگشت به لایه بالاتر اجزای HTML DOM Style
