атрибут Style cursor

определение и использование

cursor установить или возвратить тип курсора, который будет отображаться при наведении мыши.

см. также:

руководство по CSS:атрибут cursor

пример

пример 1

изменить курсор:

document.getElementById("myP").style.cursor = "pointer";

попробуйте сами

пример 2

показать все доступные курсоры:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

попробуйте сами

пример 3

возвратить тип курсора:

alert(document.getElementById("myP").style.cursor);

попробуйте сами

синтаксис

возвратить атрибут cursor:

объект.style.cursor

установить атрибут cursor:

объект.style.cursor = value

значение атрибута

значение описание
alias Курсор указывает на возможность создать别名 для чего-то.
all-scroll Курсор указывает на возможность прокрутки в любом направлении.
auto Стандартно. Браузер устанавливает курсор.
cell Курсор указывает на возможность выбора ячейки (или группы ячеек).
context-menu Курсор указывает на доступное контекстное меню.
col-resize Курсор указывает на возможность горизонтального изменения размера столбца.
copy Курсор указывает на содержимое, которое можно скопировать.
crosshair Курсор отображается в виде перекрестия.
default Стандартный курсор.
e-resize Курсор указывает на возможность переместить рамку вправо (на восток).
ew-resize Указывает на курсор, который можно использовать для двустороннего изменения размера.
help Курсор указывает на доступную помощь.
move Курсор указывает на то, что можно переместить.
n-resize Курсор указывает на возможность переместить рамку вверх (на север).
ne-resize Курсор указывает на возможность переместить рамку вверх и вправо (север/восток).
nesw-resize Указывает на курсор, который можно использовать для двустороннего изменения размера.
ns-resize Указывает на курсор, который можно использовать для двустороннего изменения размера.
nw-resize Курсор указывает на возможность переместить рамку вверх и влево (север/запад).
nwse-resize Указывает на курсор, который можно использовать для двустороннего изменения размера.
no-drop Курсор указывает, что объект, который можно перетаскивать, нельзя поместить здесь.
none Элемент не отображает курсор.
not-allowed Курсор указывает, что запрашиваемое действие не будет выполнено.
pointer Курсор указывает на ссылку.
progress Курсор указывает, что программа работает (идет процесс).
row-resize Курсор указывает на возможность вертикального изменения размера строки.
s-resize Курсор указывает на возможность переместить рамку вниз (на юг).
se-resize Курсор указывает на возможность переместить рамку вниз и вправо (юг/восток).
sw-resize Курсор указывает на возможность переместить рамку вниз и влево (юг/запад).
text Курсор указывает на текст, который можно выбрать.
URL

Список разделенных запятыми URL-адресов пользовательских курсоров.

Комментарий:Всегда указывайте общие курсоры в конце списка, чтобы избежать использования курсоров без заданных URL.
vertical-text Курсор указывает на возможность выбора текста в вертикальном ряду.
w-resize Курсор указывает на возможность переместить рамку влево (на запад).
wait Курсор указывает, что программа работает.
zoom-in Курсор указывает на возможность увеличения чего-то.
zoom-out Курсор указывает на возможность увеличения чего-то.
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: auto
Возвратное значение: Строка, указывающая, что отображается курсор мыши при наведении на элемент.
Версия CSS: CSS2

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка