list-style-image
Misol
Ro‘yxatda ro‘yxat elementi markeri sifatida rasmni belgilang:
ul {
list-style-image: url('sqpurple.gif');
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
list-style-image xususiyati ro‘yxat elementi markerini rasm bilan almashtiradi.
Eslatma: Har doim qo‘shimcha ravishda list-style-type xususiyatini ham belgilang. Bu xususiyat rasm biror sababga ko‘ra mavjud bo‘lmaganda ishlatiladi.
| Standart qiymat: | none |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.listStyleImage="url('smiley.gif')" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS sintaksisi
list-style-image: none|url()|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| none | Hech qanday rasm ko‘rsatilmaydi. Buning o‘rniga qanday turdagi ro‘yxat markeri chiqarilishini list-style-type xususiyati belgilaydi. Bu standart qiymat | Demo ❯ |
| url() | Ro‘yxat elementi markeri sifatida ishlatiladigan rasmning URL manzili | 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
CSS ma’lumotnomasi: list-style xususiyati
HTML DOM ma’lumotnomasi: listStyleImage xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!