Уласцівасць 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
ўлева ўверх і ўправа ўнiз
nord west - south east
Змяненне памераў двух элементаў
Значэнне
Апісанне
Знешні выгляд
col-resize
Змяненне па гарызанталі.
row-resize
Змяненне па вертыкалі.
Змяненне маштабу
Значэнне
Апісанне
Знешні выгляд
zoom-in
Павелічэнне маштабу.
zoom-out
Паменшэнне маштабу.
Рух
Значэнне
Апісанне
Знешні выгляд
move
Выкарыстоўваецца, каб паказаць, што элемент
можна перамяшчаць, ці ў момант перамяшчэння.
all-scroll
Выкарыстоўваецца, каб паказаць, што элемент
пракручваецца мышай ва ўсіх напрамках.