cursor касиети элементге чыкканда курсордун көрүнүшүн орнотот.
Синтаксис
cssселектор {
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
Элемент чычкан менен бардык багыттар боюнча сайыла тургандыгын көрсөтүү үчүн колдонулат.