cursor касиети элементге чыкканда курсордун көрүнүшүн орнотот.
Синтаксис
селектор {
cursor: маани;
}
Эскертүү
Касиеттин өтө көп маанилери бар. Төмөндө мен бул маанилерди топтогон, алар менен иштөө жеңил болсун үчүн. Курсордун көрүнүшү ар турдуу браузерлерде ар башка болот, ошондуктан мен курсорлордун сүрөтүн тарткан жокмун, балки маанилер таблицаларына өзгөчө тилке кошум, анын уячасына чычканды келтирип турганда сиз сүрөттөлгөн курсордун көрүнүшүн көрө аласыз.
Маанилер
| Маани |
Сүрөттөө |
Көрүнүшү |
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 |
Көзөмөл түрүндөгү көрүнүш.
|
|
