Виды курсоров в CSS

Существует множество самых разнообразных видов курсоров. Например, обычная стрелка, знак вопроса, стрелка в виде указателя и так далее. В этой статье я расскажу, как настроить через CSS вид курсора, а также покажу, какие виды курсоров вообще могут быть.

Для начала давайте разберём, как задавать вид курсора. Для этого в CSS существует свойство cursor, значение которого и определяет вид курсора. Например, давайте зададим для некого абзаца курсор в виде перекрестия:

p {
  cursor: pointer;
}

Теперь, когда мы разобрались, как задавать вид курсора в CSS, настало время продемонстрировать таблицу возможных курсоров и соответствующих им значений свойства cursor.

default

help

move

text

crosshair

wait

progress

n-resize

e-resize

w-resize

s-resize

ne-resize

se-resize

sw-resize

nw-resize

Надеюсь, данная статья была полезна для Вас.