Својство 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
Користи се да покаже да се елемент
клизачем миша скролује у свим правцима.