cursor

Свойство cursor определяет вид курсора при наведении мышки на некий элемент.

Пример

Пример ниже иллюстрирует как отобразить курсор help при наведении на ссылку.

a.helpmeplease {cursor: help}

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

Внешний вид курсоров на различных компьютерах может выглядеть по-разному, так как зависит от программного обеспечения. Ниже в качестве примера приведены соответствующие курсоры из Microsoft Vista.

auto
Вид курсора будет отображаться автоматически, в зависимости от настроек браузера.
crosshair

Часто отображается как большой знак "+".

default

Курсор по умолчанию. Обычно это стрелка.

pointer
Рука-указатель.
text
Текстовый курсор, похож на прописную латинскую "i".
wait
Курсор ожидания. Обычно отображается как песочные часы.
progress
Курсор ожидания. Обычно отображается как стрелка с маленькими песочными часами.
help
Символизирует помощь или справку. Обычно отображается как стрелка с маленьким знаком вопроса.
move
Наглядныый курсор для перемещения объектов.
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
uri
Вы можете задать собственный вид курсора. Для этого необходимо указать путь к файлу с изображением курсора. Файл должен быть в формате CUR или ANI.
inherit
Наследует внешний вид курсора у родительского элемента.

Характеристики

Значение по умолчанию: auto

Применяется: Ко всем элементам

Наследуется: Да