list-style
Misol
Barcha ro‘yxat xususiyatlarini bitta e’londa belgilang:
ul {
list-style: square inside url("sqpurple.gif");
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
list-style xususiyati quyidagi xususiyatlar uchun qisqartmadir:
Agar qiymatlardan biri ko‘rsatilmagan bo‘lsa, o‘sha xususiyatning standart qiymati ishlatiladi.
| Standart qiymat: | disc outside none |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.listStyle="decimal inside" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| list-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS sintaksisi
list-style: list-style-type list-style-position list-style-image|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| list-style-type | Ro‘yxat elementi markerining turini belgilaydi. Standart qiymati — "disc" | Demo ❯ |
| list-style-position | Ro‘yxat elementi markerini qayerga joylashtirishni belgilaydi. Standart qiymati — "outside" | Demo ❯ |
| list-style-image | Ro‘yxat elementi markerining turini belgilaydi. Standart qiymati — "none" | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS ro‘yxatlar
HTML DOM ma’lumotnomasi: listStyle xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!