Курсор

Параметр "CURSOR" устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.

Аргументы параметра "CURSOR"

cursor:
auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | progress | s-resize | se-resize | sw-resize | text | w-resize | wait | url('путь к курсору')

{cursor: auto} - вид курсора по умолчанию для текущего элемента.

Варианты курсоров

Вид	Значение параметра "CURSOR"	Результат
	cursor: default	Наведи
	cursor: crosshair	Наведи
	cursor: pointer	Наведи
	cursor: move	Наведи
	cursor: text	Наведи
	cursor: wait	Наведи
	cursor: help	Наведи
	cursor: n-resize	Наведи
	cursor: ne-resize	Наведи
	cursor: e-resize	Наведи
	cursor: se-resize	Наведи
	cursor: s-resize	Наведи
	cursor: sw-resize	Наведи
	cursor: w-resize	Наведи
	cursor: nw-resize	Наведи

Пример 1.
Изменение курсора при наведении его на ссылку

WEB - страница	Код в документе HTML
Результат Примера 1: ПЕРЕМЕСТИТЬ ТЕКСТ СПРАВКА	<html> <head> <title>Курсоры-1</title> <style type="text/css"> .movelink { cursor: move; } .helplink { cursor: help; } </style> </head> <body> <p><a href="text_1.htm" class="movelink">ПЕРЕМЕСТИТЬ ТЕКСТ</a></p> <p><a href="help_2.htm" class="helplink">СПРАВКА</a></p> </body> </html>

Пример 2.
Курсор для разных областей веб-страницы

WEB - страница

Код в документе HTML

Результат Примера 2:

При наведении на этот текст курсор мыши примет вид перекрестья.

СПРАВКА 1
СПРАВКА 2
СПРАВКА 3

Пример 3.
Курсор в тексте документа при наведении мышки на строку меняет вид

url
- Свой рисунок курсора - main.cur (расширение у рисунка д.б. cur)
 Если ни один из пользовательских курсоров не может быть загружен, то загружается стандартный курсор, указанный в конце списка (например, auto)
Auto
Crosshair
Default
Pointer
Move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

вверх