Свойства CSS

Меню

cursor

Поддержка браузерами

12.0+ 5.5+ 4.0+ 5.0+ 9.6+ 5.0+

Описание

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

Значение по умолчанию: auto
Применяется: ко всем элементам
Анимируется: нет
Наследуется: да
Версия: CSS2
Синтаксис JavaScript: object.style.cursor="crosshair"

Синтаксис

cursor: значение;

Значения свойства

Значение Описание
URL Путь к изображению, которое будет в качестве курсора, через запятую можно указать несколько адресов. В конце списка всегда указывайте значение auto - на случай, если ни один из курсоров, указанных через URL не может использоваться.
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 Курсор показывает, что программа занята.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
cursor:
Результат:

Переместите сюда курсор мыши для просмотра результата.

CSS Код:
div {
cursor:auto;
}
Кликните на любое значение свойства, чтобы увидеть результат