English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство CSS cursor определяет тип курсора, который отображается при放置 указателя мыши на элемент.
В таблице ниже приведено описание использования и истории версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Применяется к: | Все элементы |
| Инheritability: | Да |
| Анимировано: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 2, 3 |
| JavaScript грамматика: | JavaScript грамматика: object.style.cursor="context-menu" |
Грамматика этого свойства такова:
курсор: [url(адрес файла курсора),] 0 или более раз | автоматически | по умолчанию | никакой | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | initial | inherit
ниже приведен пример того, как использовать атрибут cursor.
h1 {
cursor: copy;
}
p {
cursor: help;
}
a {
cursor: url("custom.gif"), url("custom.cur"), default;
}проверьте, посмотрите <‹/›атрибут cursor используется для указания списка значений пользовательских курсоров, разделенных запятыми, после чего следует «общий курсор». То есть, если первый курсор указан неправильно или не найден, используется следующий курсор в списке, и так далее, до тех пор, пока не будет найден доступный курсор.
если нет эффективного курсора пользователя или он не поддерживается браузером, используется общепринятый курсор в конце списка.узнайте больше.
в таблице ниже описаны значения этого атрибута.
| значение | смотреть | описание |
|---|---|---|
| обычно используемый | ||
| auto | браузер определяет, какой курсор нужно показывать, в зависимости от текущего контекста. Например, текст,悬停在 тексте. Это значение по умолчанию. | |
| default | стандартный курсор платформы, независимо от контекста, обычно стрелка. | |
| none | курсор не представлен. | |
| initial | установите этот атрибут в его значение по умолчанию. | |
| inherit | если указано, то связанный элемент принимает значение атрибута cursor родительского элемента. | |
| ссылка и курсор состояния | ||
| context-menu | означает, что доступен контекстное меню. | |
| help | означает помощь. | |
| курсор | курсор, указывающий на ссылку, обычно рука с вытянутым указательным пальцем. | |
| прогресс | индикатор прогресса. Программа выполняет некоторые обработки, но пользователь все еще может взаимодействовать с интерфейсом (с другими wait). | |
| ждать | 表示程序忙，用户应该等待。 | |
| Выборный курсор | ||
| cell | 表示可以选择一个单元格（或一组单元格）。 | |
| crosshair | Простой крестик. Обычно используется для указания выбора в битмапе. | |
| text | 表示可以选择的文本，通常是工字梁。 | |
| vertical-text | 表示可以选择垂直文本，即横向工字梁。 | |
| Текстовый курсор перетаскивания | ||
| alias | 表示要创建别名或快捷方式。 | |
| copy | 表示可以复制某些内容。 | |
| move | 表示可以移动悬停的对象。 | |
| no-drop | 表示所拖动的项目不能放置在当前位置。 | |
| not-allowed | 表示无法完成某事。 | |
| 调整大小和滚动光标 | ||
| all-scroll | 表示可以沿任何方向滚动（平移）。 | |
| col-resize | 表示可以水平调整列的大小。 | |
| row-resize | 表示可以垂直调整行的大小。 | |
| n-resize | 表示某些边缘要向上移动（向北）。 | |
| e-resize | 表示某些边缘将向右移动（向东）。 | |
| s-resize | 表示某些边缘要向下移动（向南）。 | |
| w-resize | 表示某些边缘将向左移动（向西）。 | |
| ne-resize | 表示某些边缘将向上和向右移动（北/东）。 | |
| nw-resize | 表示某些边缘要上下移动（北/西）。 | |
| se-resize | 表示某些边缘要左右移动（向南/向东）。 | |
| sw-resize | 表示某些边缘要上下移动（南/西）。 | |
| ew-resize | 表示双向调整大小光标。 | |
| ns-resize | ||
| nesw-resize | ||
| nwse-resize | ||
| 缩放光标 | ||
| zoom-in | 表示可以放大某些内容。 | |
| zoom-out | 表示可以缩小某些内容。 | |
| grab | 表示可以抓取某些东西（拖动以进行移动）。 | |
| grabbing | 表示某物被抓住了。 | |
Совместимость браузеров для свойств курсора; числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
См. также учебник:CSS курсор.