Атрибуты: Параметры курсора.

  Отдельный атрибут стиля cursor предназначен для определения пользовательского представления курсора мышки при наведении его на поле определяемого элемента тега:
  cursor - Устанавливает пользовательское представление курсора мышки.

Формат:

  • cursor:
      Имя курсора
      |url(Ссылка), Имя курсора
      |inherit

Основные значения:

  • Имя курсораЗначение имени курсора.
      При указании вместе с url(Ссылка) браузер выберет этот курсор, если ни один из рисунков не будет доступен (в том числе из за неподдерживаемого формата).
  • url(Ссылка) - Обращение к CSS функции url, которая возвращает Интернет-адрес файла с рисунком, которым будет замещаться курсор.
      Можно указывать списком через запятую. Браузер выберет первый доступный рисунок.
      Альтернативное указание имени курсора через запятую в конце списка - обязательно, иначе не выберется даже доступный рисунок.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
Имена курсора (для отображения наведите мышку на поле с именем)
Имя курсора Комментарий
auto Форма курсора находится в ведении браузера
default Курсор по умолчанию
none Курсор отсутствует
context-menu Курсор с контекстным меню под ним
help Курсор со знаком вопроса меню под ним
pointer Курсор в виде указательного пальца
progress Курсор с индикатором прогресса
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 Курсор в виде двухсторонней диагональной стрелки
zoom-in Курсор в виде приближающей лупы
zoom-out Курсор в виде удаляющей лупы
grab Курсор в виде раскрытой ладони
grabbing Курсор в виде закрытой ладони