cursor
Поддержка браузерами
| 12.0+ | 5.5+ | 4.0+ | 5.0+ | 9.6+ | 5.0+ |
Описание
CSS свойство cursor определяет тип отображаемого курсора мыши при наведении на элемент.
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.cursor="crosshair" |
Синтаксис
cursor: значение;
Значения свойства
| Значение | Описание |
|---|---|
| URL | Путь к изображению, которое будет в качестве курсора, через запятую можно указать несколько адресов. В конце списка всегда указывайте значение auto - на случай, если ни один из курсоров, указанных через URL не может использоваться. |
| auto | Браузер установит стандартный курсор. |
| crosshair | Курсор выглядит как перекрестье. |
| default | Курсор по умолчанию. |
| e-resize | Курсор указывающий, что можно перетащить(растянуть) направо. |
| help | Курсор указывающий, что доступна помощь. |
| move | Курсор указывающий на что-то, что может быть перемещено. |
| n-resize | Курсор указывает, что можно перетащить(растянуть) наверх. |
| ne-resize | Курсор указывает, что можно перетащить(растянуть) вверх-направо. |
| nw-resize | Курсор указывает, что можно перетащить(растянуть) вверх-налево. |
| pointer | Курсор отрисовывается как указатель. |
| progress | Курсор показывает, что программа занята (в процессе обработки чего-либо). |
| s-resize | Курсор указывает, что можно перетащить(растянуть) вниз. |
| se-resize | Курсор указывает, что можно перетащить(растянуть) вправо-вниз. |
| sw-resize | Курсор указывает, что можно перетащить(растянуть) влево-вниз. |
| text | Курсор указывает на текст. |
| w-resize | Курсор указывает, что можно перетащить(растянуть) влево. |
| wait | Курсор показывает, что программа занята. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
cursor:
Результат:
Переместите сюда курсор мыши для просмотра результата.
CSS Код:
div {
cursor:auto;
}
cursor:auto;
}