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
Элементтің тінтуірмен барлық бағыттарда
айналдырылатынын көрсету үшін қолданылады.