listStyle
Misol
Ro‘yxat uslubini o‘zgartiring:
document.getElementById("myList").style.listStyle = "decimal inside";O‘zingiz sinab ko‘ring »
Tavsif
listStyle xususiyati uchtagacha alohida ro‘yxat xususiyatini qisqartma (shorthand) shaklda o‘rnatadi yoki qaytaradi.
Bu xususiyat yordamida quyidagilardan birini yoki bir nechtasini (istalgan tartibda) o‘rnatishingiz/qaytarishingiz mumkin:
- list-style-type
- list-style-position
- list-style-image
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| listStyle | Ha | Ha | Ha | Ha | Ha |
Sintaksis
listStyle xususiyatini qaytarish:
object.style.listStyle
listStyle xususiyatini o‘rnatish:
object.style.listStyle = "type position image|initial|inherit"
Xususiyat qiymatlari
| Parametr | Tavsif |
|---|---|
| type | Ro‘yxat bandi markerining turini belgilaydi |
| position | Ro‘yxat bandi markerini joylashtiradi |
| image | Ro‘yxat bandi markeri sifatida ishlatiladigan rasmni belgilaydi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | disc outside none |
|---|---|
| Qaytariladigan qiymat: | Ro‘yxat uslubini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
Ro‘yxat turi va joylashuvini "square inside" ga o‘zgartiring:
document.getElementById("myList").style.listStyle = "square inside";
O‘zingiz sinab ko‘ring »
Misol
Ro‘yxat uslubini qaytaring:
document.getElementById("myList").style.listStyle;
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS ro‘yxatlar
CSS ma’lumotnomasi: list-style xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!