Определение и использование
Курсор набор свойств или возвращает тип курсора, чтобы отобразить для указателя мыши.
Поддержка браузеров
Свойство курсора поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство курсора:
object .style.cursor
Установите свойство курсора:
object .style.cursor= Значения свойств Стоимость Описание alias Курсор указывает псевдоним-то должен быть создан all-scroll Курсор указывает на то, что что-то можно прокручивать в любом направлении auto По умолчанию. Браузер устанавливает курсор cell Курсор указывает , что ячейка (or set of cells) , могут быть выбраны context-menu Курсор указывает, что меню контекста доступен col-resize Курсор указывает, что столбец может быть изменен по горизонтали copy Курсор указывает на то, что должен быть скопирован crosshair Курсор визуализации как перекрестие default По умолчанию курсор e-resize Курсор указывает , что край коробки должен быть перемещен вправо (east) на (east) ew-resize Указывает двунаправленную изменения размера курсора help Курсор указывает, что помощь доступна move Курсор указывает на то, что должен быть перемещен n-resize Курсор указывает , что край коробки должен быть перемещен вверх (north) на (north) ne-resize Курсор указывает , что край коробки должен быть перемещен вверх и вправо (north/east) nesw-resize Указывает двунаправленную изменения размера курсора ns-resize Указывает двунаправленную изменения размера курсора nw-resize Курсор указывает , что край коробки должен быть перемещен вверх и влево (north/west) nwse-resize Указывает двунаправленную изменения размера курсора no-drop Курсор указывает на то, что тащили элемент не может быть отброшен здесь none Ни один курсор не визуализируется для элемента not-allowed Курсор указывает на то, что запрошенное действие не будет выполнено pointer Курсор является указателем и указывает на связь progress Курсор указывает , что программа занята (in progress) row-resize Курсор указывает, что строка может быть изменен по вертикали s-resize Курсор указывает , что край коробки должен быть перемещен вниз (south) на (south) se-resize Курсор указывает , что край коробки должен быть перемещен вниз и вправо (south/east) sw-resize Курсор указывает , что край коробки должен быть перемещен вниз и влево (south/west) text Курсор указывает текст, который может быть выбран URL Разделенный запятыми список URL-адресов для пользовательских курсоров. Note: Всегда указывайте общий курсор в конце списка, в случае , если ни один из URL определенных курсоров может быть использована vertical-text Курсор указывает вертикально-текст, который может быть выбран w-resize Курсор указывает , что край коробки должен быть перемещен влево (west) на (west) wait Курсор указывает, что программа занята zoom-in Курсор указывает на то, что что-то может быть увеличено zoom-out Курсор указывает на то, что что-то может быть увеличено из initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: авто Возвращаемое значение: Строка, представляющая отображаемый курсор мыши, когда указатель мыши находится над элементом CSS версия CSS2
Еще примеры
пример
Показать все доступные курсоры:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Попробуй сам "
Похожие страницы
Ссылка CSS: cursor property
<Style Object