cursor хусусияти элемент устига курсорни кўйганда унинг ташқи кўринишини белгилайди.
Синтаксис
селектор {
cursor: қиймат;
}
Эслатма
Хусусият juda кўп қийматларга эга. Қуйида
мен бу қийматларни саралаш осон бўлиши учун
гурухлаб қўйдим. Курсорнинг ташқи кўриниши
турли браузерларда фарқ қилади, шунинг учун
мен курсорларнинг расмларни чиқармадим,
балки қийматлар жадвалларида махсус устун
ясадим, сиз курснинг у ячейка устига келтирганда
тавсифланган курсорнинг ташқи кўринишини
кўра оласиз.
Қийматлар
| Қиймат |
Тасниф |
Ташқи кўриниш |
default |
Стандарт кўрсаткич-ўқдек ташқи кўриниш.
|
|
pointer |
Элемент фаол ва унга босилиши мумкинлигини
кўрсатиш учун ишлатилади (ҳаволалар учун
сустки ҳолда шундай).
|
|
help |
Элемент билан қандайдир ёрдам ёки савол
богликлигини кўрсатиш учун ишлатилади.
|
|
not-allowed |
Амалнинг жонз этилмаслигини кўрсатиш учун ишлатилади.
|
|
Матн
| Қиймат |
Тасниф |
Ташқи кўриниш |
text |
Тик ўлчовли тишдек шаклдаги стандарт матн курси.
|
|
vertical-text |
Тик матн учун матн курси.
|
|
Кутиш
| Қиймат |
Тасниф |
Ташқи кўриниш |
progress |
Қандайдир амал бажарилаётганини ва фойдаланувчи
кутиши кераклигини кўрсатиш учун ишлатилади.
|
|
wait |
Фойдаланувчи кутиши кераклигини кўрсатиш учун ишлатилади.
|
|
Ўлчамларини ўзгартиришда курсор
Элемент ўлчамларини ўзгартиришда хусусият
қиймати шундай шаклланади: resize сўзи,
ва унинг олдида чизиқча орқали қандайдир ҳарф ёки
бир нечта ҳарф, масалан: n-resize ёки ne-resize.
Бу ҳарфлар дунё томонларининг биринчи ҳарфларидир: north - шимол, south - жануб, east - шарқ,
west - ғарб. Бу ҳолда жой номлари учун қабул қилинган
келишувлар ишлатилади:
юқорида шимол, қуйида жануб, чапда ғарб, ўнгда
шарқ. Албатта, бу чалтиратиб юборади, лекин ишлатишга
тушишимиз керак:)
Демак, қийматлар:
| Қиймат |
Йўналиш |
Дунё томони |
Ташқи кўриниш |
n-resize |
юқорига |
north |
|
ne-resize |
ўнгга юқорига |
nord east |
|
e-resize |
ўнгга |
east |
|
se-resize |
ўнгга қуйига |
south east |
|
s-resize |
қуйига |
south |
|
sw-resize |
чапга қуйига |
south west |
|
w-resize |
чапга |
west |
|
nw-resize |
чапга юқорига |
nord west |
|
nesw-resize |
ўнгга юқорига ва чапга қуйига |
nord east - south west |
|
nwse-resize |
чапга юқорига ва ўнгга қуйига |
nord west - south east |
|
Икки элемент ўлчамларини ўзгартириш
| Қиймат |
Тасниф |
Ташқи кўриниш |
col-resize |
Горизонтал бўйича ўзгариш. |
|
row-resize |
Вертикал бўйича ўзгариш. |
|
Масштабни ўзгартириш
| Қиймат |
Тасниф |
Ташқи кўриниш |
zoom-in |
Масштабни ошириш. |
|
zoom-out |
Масштабни камайтириш. |
|
Ҳаракат
| Қиймат |
Тасниф |
Ташқи кўриниш |
move |
Элементни кўчириш мумкинлигини ёки кўчириш
пайтида кўрсатиш учун ишлатилади.
|
|
all-scroll |
Элемент сичқонча барча йўналишларда
айлантирилиши мумкинлигини кўрсатиш учун ишлатилади.
|
|
Турли хил
| Қиймат |
Тасниф |
Ташқи кўриниш |
crosshair |
Нишондек ташқи кўриниш.
|
|
cell |
Нишондек ташқи кўриниш.
|
|