пример
Некоторые различные курсоры:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Попробуй сам " Определение и использование
Свойство курсора определяет тип курсора, который будет отображаться при наведении на элемент.
| Значение по умолчанию: | auto |
|---|---|
| Наследование: | yes |
| Animatable: | no. Read about animatable |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object .style.cursor="crosshair" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS Синтаксис
cursor:value;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| alias | Курсор указывает псевдоним-то должен быть создан | Сыграй " |
| all-scroll | Курсор указывает на то, что что-то можно прокручивать в любом направлении | Сыграй " |
| auto | По умолчанию. Браузер устанавливает курсор | Сыграй " |
| cell | Курсор указывает на то, что ячейка (or set of cells) , могут быть выбраны | Сыграй " |
| context-menu | Курсор указывает на то, что меню контекста доступен | Сыграй " |
| col-resize | Курсор указывает на то, что столбец может быть изменен по горизонтали | Сыграй " |
| copy | Курсор указывает то, что должен быть скопирован | Сыграй " |
| crosshair | Курсор визуализации как перекрестие | Сыграй " |
| default | курсор по умолчанию | Сыграй " |
| e-resize | Курсор указывает , что край коробки должен быть перемещен вправо (east) на (east) | Сыграй " |
| ew-resize | Указывает двунаправленную изменения размера курсора | Сыграй " |
| grab | Курсор указывает на то, что что-то может быть захвачены | Сыграй " |
| grabbing | Курсор указывает на то, что что-то может быть захвачены | Сыграй " |
| 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 | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
HTML DOM ссылка: cursor property