Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство cursor | назначение, допустимые значения, примеры

Свойство cursor

Последнее обновление: 05.01.2011

Свойство cursor задает тип курсора, который будет отображаться при наведении на элемент.

Допустимые значения

  • auto — браузер сам определяет какой курсор показать над элементом
  • crosshair — Вид курсора crosshair
  • default — Вид курсора default
  • pointer — Вид курсора pointer
  • move — Вид курсора move
  • e-resize — Вид курсора e-resize
  • ne-resize — Вид курсора ne-resize
  • nw-resize — Вид курсора nw-resize
  • n-resize — Вид курсора n-resize
  • se-resize — Вид курсора se-resize
  • sw-resize — Вид курсора sw-resize
  • s-resize — Вид курсора s-resize
  • w-resize — Вид курсора w-resize
  • text — Вид курсора text
  • wait — Вид курсора wait
  • progress — Вид курсора progress
  • help — Вид курсора help
  • uri — путь к файлу в котором указана форма курсора (формат cur или ani)
  • inherit — наследует значение от родителя
Значение по умолчанию auto
Применимо ко всем элементам
Наследование да
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


span {
cursor: pointer;
}

Заметки

Грамотное использование курсоров помогает посетителям лучше ориентироваться на сайте.

По теме