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 |
Көздеуіш түріндегі сыртқы түр.
|
|
