CSS свойство cursor

Определяет вид курсора при наведении мышки на элемент. Вид курсора зависит от операционной системы и установленных параметров.

CSS синтаксис

Возможные значения

Значение	Описание
auto	Значение по умолчанию. Форму курсора определяет браузер.
crosshair	Курсор в виде большого знака "+".
default	Системный курсор.
help	Курсор, показывающий наличие справочной информации.
move	Используется для указания чего-то, что может быть перемещено.
n-resize	Используется для указания чего-то, чей размер может быть растянут вверх.
ne-resize	Используется для указания чего-то, чей размер может быть растянут вверх и вправо.
e-resize	Используется для указания чего-то, чей размер может быть растянут вправо.
se-resize	Используется для указания чего-то, чей размер может быть растянут вниз и вправо.
s-resize	Используется для указания чего-то, чей размер может быть растянут вниз.
sw-resize	Используется для указания чего-то, чей размер может быть растянут вниз и влево.
w-resize	Используется для указания чего-то, чей размер может быть растянут влево.
nw-resize	Используется для указания чего-то, чей размер может быть растянут вверх и влево.
text	Текстовый курсор.
pointer	Курсор-указатель.
progress	Курсор-ожидание, показывающий, что программа работает, но процесс может быть прерван.
wait	Курсор-ожидание, показывающий, что следует дождаться окончания работы программы.
URL	Список разделенных запятыми URLов к пользовательским курсорам. Указывается путь к файлу курсора, который должен быть в формате CUR или ANI. В конце списка всегда следует указывать какой-нибудь базовый курсор на случай, если пользовательские курсоры будут недоступны.
initial	Устанавливает значение по умолчанию.
inherit	Значение наследуется от родительского элемента.

Пример использования

Устанавливаем разные виды курсора

span.crosshair {
    cursor: crosshair;
}

 span.help {
    cursor: help;
}

 span.wait {
    cursor: wait;
}