cursor
Misol
Kursorni o‘zgartiring:
document.getElementById("demo").style.cursor = "pointer";O‘zingiz sinab ko‘ring »
Tavsif
cursor xususiyati sichqoncha ko‘rsatkichi uchun ko‘rsatiladigan kursor turini o‘rnatadi yoki qaytaradi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| cursor | Ha | Ha | Ha | Ha | Ha |
Sintaksis
cursor xususiyatini qaytarish:
object.style.cursor
cursor xususiyatini o‘rnatish:
object.style.cursor = value
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| alias | Kursor biror narsaning taxallusi (alias) yaratilishini bildiradi |
| all-scroll | Kursor biror narsani istalgan yo‘nalishda aylantirish mumkinligini bildiradi |
| auto | Standart. Kursorni brauzer o‘rnatadi |
| cell | Kursor katak (yoki kataklar to‘plami) tanlanishi mumkinligini bildiradi |
| context-menu | Kursor kontekst menyusi mavjudligini bildiradi |
| col-resize | Kursor ustun o‘lchamini gorizontal o‘zgartirish mumkinligini bildiradi |
| copy | Kursor biror narsa nusxalanishini bildiradi |
| crosshair | Kursor nishon (crosshair) ko‘rinishida chiziladi |
| default | Standart kursor |
| e-resize | Kursor quti cheti o‘ngga (sharqqa) siljitilishini bildiradi |
| ew-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi |
| help | Kursor yordam mavjudligini bildiradi |
| move | Kursor biror narsa ko‘chirilishini bildiradi |
| n-resize | Kursor quti cheti yuqoriga (shimolga) siljitilishini bildiradi |
| ne-resize | Kursor quti cheti yuqoriga va o‘ngga (shimol/sharq) siljitilishini bildiradi |
| nesw-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi |
| ns-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi |
| nw-resize | Kursor quti cheti yuqoriga va chapga (shimol/g‘arb) siljitilishini bildiradi |
| nwse-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi |
| no-drop | Kursor sudralayotgan elementni bu yerga tashlab bo‘lmasligini bildiradi |
| none | Element uchun kursor chizilmaydi |
| not-allowed | Kursor so‘ralgan amal bajarilmasligini bildiradi |
| pointer | Kursor ko‘rsatkich (pointer) shaklida bo‘lib, havolani bildiradi |
| progress | Kursor dastur band ekanini (jarayon davom etayotganini) bildiradi |
| row-resize | Kursor qator o‘lchamini vertikal o‘zgartirish mumkinligini bildiradi |
| s-resize | Kursor quti cheti pastga (janubga) siljitilishini bildiradi |
| se-resize | Kursor quti cheti pastga va o‘ngga (janub/sharq) siljitilishini bildiradi |
| sw-resize | Kursor quti cheti pastga va chapga (janub/g‘arb) siljitilishini bildiradi |
| text | Kursor tanlanishi mumkin bo‘lgan matnni bildiradi |
| URL | Maxsus kursorlarga olib boruvchi URL’larning vergul bilan ajratilgan ro‘yxati. Eslatma: URL orqali belgilangan kursorlarning birortasini ham ishlatib bo‘lmaydigan holat uchun ro‘yxat oxirida doimo umumiy kursorni ko‘rsating |
| vertical-text | Kursor tanlanishi mumkin bo‘lgan vertikal matnni bildiradi |
| w-resize | Kursor quti cheti chapga (g‘arbga) siljitilishini bildiradi |
| wait | Kursor dastur band ekanini bildiradi |
| zoom-in | Kursor biror narsani kattalashtirish mumkinligini bildiradi |
| zoom-out | Kursor biror narsani kichraytirish mumkinligini bildiradi |
| 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: | auto |
|---|---|
| Qaytariladigan qiymat: | Sichqoncha ko‘rsatkichi element ustida turganda ko‘rsatiladigan sichqoncha kursorini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
Barcha mavjud kursorlarni ko‘rsating:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
O‘zingiz sinab ko‘ring »
Misol
Kursor turini qaytaring:
alert(document.getElementById("demo").style.cursor);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS ma’lumotnomasi: cursor xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!