cursor
Misol
CSS yordamida turli xil sichqoncha kursorlarini hosil qilish mumkin:
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
cursor xususiyati element ustiga olib borilganda ko‘rsatiladigan sichqoncha kursorini belgilaydi.
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS2 |
| JavaScript sintaksisi: | object.style.cursor="crosshair" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS sintaksisi
cursor: value;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| alias | Kursor biror narsaning yorlig‘i (alias) yaratilishini bildiradi | Sinab ko‘ring » |
| all-scroll | Kursor biror narsani istalgan yo‘nalishda aylantirish (scroll) mumkinligini bildiradi | Sinab ko‘ring » |
| auto | Standart. Kursorni brauzer o‘rnatadi | Sinab ko‘ring » |
| cell | Kursor katak (yoki kataklar to‘plami) tanlanishi mumkinligini bildiradi | Sinab ko‘ring » |
| col-resize | Kursor ustun o‘lchamini gorizontal o‘zgartirish mumkinligini bildiradi | Sinab ko‘ring » |
| context-menu | Kursor kontekst menyusi mavjudligini bildiradi | Sinab ko‘ring » |
| copy | Kursor biror narsa nusxalanishini bildiradi | Sinab ko‘ring » |
| crosshair | Kursor nishon (crosshair) ko‘rinishida chiziladi | Sinab ko‘ring » |
| default | Standart kursor | Sinab ko‘ring » |
| e-resize | Kursor quti qirrasi o‘ngga (sharqqa) surilishini bildiradi | Sinab ko‘ring » |
| ew-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi | Sinab ko‘ring » |
| grab | Kursor biror narsani ushlab olish mumkinligini bildiradi | Sinab ko‘ring » |
| grabbing | Kursor biror narsani ushlab olish mumkinligini bildiradi | Sinab ko‘ring » |
| help | Kursor yordam mavjudligini bildiradi | Sinab ko‘ring » |
| move | Kursor biror narsa ko‘chirilishini bildiradi | Sinab ko‘ring » |
| n-resize | Kursor quti qirrasi yuqoriga (shimolga) surilishini bildiradi | Sinab ko‘ring » |
| ne-resize | Kursor quti qirrasi yuqoriga va o‘ngga (shimoli-sharqqa) surilishini bildiradi | Sinab ko‘ring » |
| nesw-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi | Sinab ko‘ring » |
| ns-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi | Sinab ko‘ring » |
| nw-resize | Kursor quti qirrasi yuqoriga va chapga (shimoli-g‘arbga) surilishini bildiradi | Sinab ko‘ring » |
| nwse-resize | Ikki yo‘nalishli o‘lcham o‘zgartirish kursorini bildiradi | Sinab ko‘ring » |
| no-drop | Kursor sudralayotgan elementni bu yerga tashlab bo‘lmasligini bildiradi | Sinab ko‘ring » |
| none | Element uchun kursor chizilmaydi | Sinab ko‘ring » |
| not-allowed | Kursor so‘ralgan amal bajarilmasligini bildiradi | Sinab ko‘ring » |
| pointer | Kursor ko‘rsatkich (pointer) ko‘rinishida bo‘lib, havolani bildiradi | Sinab ko‘ring » |
| progress | Kursor dastur band ekanini (jarayon davom etayotganini) bildiradi | Sinab ko‘ring » |
| row-resize | Kursor qator o‘lchamini vertikal o‘zgartirish mumkinligini bildiradi | Sinab ko‘ring » |
| s-resize | Kursor quti qirrasi pastga (janubga) surilishini bildiradi | Sinab ko‘ring » |
| se-resize | Kursor quti qirrasi pastga va o‘ngga (janubi-sharqqa) surilishini bildiradi | Sinab ko‘ring » |
| sw-resize | Kursor quti qirrasi pastga va chapga (janubi-g‘arbga) surilishini bildiradi | Sinab ko‘ring » |
| text | Kursor tanlanishi mumkin bo‘lgan matnni bildiradi | Sinab ko‘ring » |
| url() | Maxsus kursorlarga olib boruvchi URL manzillarning vergul bilan ajratilgan ro‘yxati. Eslatma: URL orqali belgilangan kursorlarning hech birini ishlatib bo‘lmasa, ro‘yxat oxirida har doim umumiy kursorni ko‘rsating | Sinab ko‘ring » |
| vertical-text | Kursor tanlanishi mumkin bo‘lgan vertikal matnni bildiradi | Sinab ko‘ring » |
| w-resize | Kursor quti qirrasi chapga (g‘arbga) surilishini bildiradi | Sinab ko‘ring » |
| wait | Kursor dastur band ekanini bildiradi | Sinab ko‘ring » |
| zoom-in | Kursor biror narsani kattalashtirish mumkinligini bildiradi | Sinab ko‘ring » |
| zoom-out | Kursor biror narsani kichraytirish mumkinligini bildiradi | Sinab ko‘ring » |
| 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
HTML DOM ma’lumotnomasi: cursor xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!