Свойство cursor
Пример style.cursor
Измените курсор:
document.getElementById("demo").style.cursor = "pointer";
Попробуйте сами »
Описание cursor
Свойство cursor задает или возвращает тип курсора, отображаемого для указателя мыши.
Поддержка cursor
| Свойство | |||||
|---|---|---|---|---|---|
| cursor | Да | Да | Да | Да | Да |
Синтаксис cursor
Вернуть свойство cursor:
object.style.cursor
Установите свойство cursor:
object.style.cursor = value
Значение свойства cursor
| Значение | Описание |
|---|---|
| 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 |
Технические детали cursor
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая отображаемый курсор мыши, когда указатель мыши находится над элементом. |
| CSS Версия | CSS2 |
Ещё примеры cursor
Показать все доступные курсоры:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Попробуйте сами »
Вернуть свойство type cursor:
alert(document.getElementById("demo").style.cursor);
Попробуйте сами »
Связанные страницы cursor
CSS Справочник: Свойство cursor