Свойство 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 |
Външен вид под формата на мерник.
|
|
