Свойство 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
Използва се, за да се покаже, че елементът
се превърта с мишката във всички посоки.