Существует множество самых разнообразных видов курсоров . Например, обычная стрелка, знак вопроса, стрелка в виде указателя и так далее. В этом материале я расскажу, как настроить через CSS вид курсора , а также покажу, какие виды курсоров вообще могут быть.
Существует множество самых разнообразных видов курсоров. Например, обычная стрелка, знак вопроса, стрелка в виде указателя и так далее. В этом материале я расскажу, как настроить через CSS вид курсора, а также покажу, какие виды курсоров вообще могут быть.
Для начала давайте разберём, как задавать вид курсора. Для этого в CSS существует свойство cursor, значение которого и определяет вид курсора. Например, давайте зададим для некого абзаца курсор в виде перекрестия:
p {
cursor: pointer;
}Теперь, когда мы разобрались, как задавать вид курсора в CSS, настало время продемонстрировать таблицу возможных курсоров и соответствующих им значений свойства cursor.
| Вид курсора | Значение свойства cursor |
 | default |
 | help |
 | move |
 | pointer |
 | text |
 | crosshair |
 | wait |
 | progress |
 | n-resize |
 | e-resize |
 | w-resize |
 | s-resize |
 | ne-resize |
 | se-resize |
 | sw-resize |
 | nw-resize |
Надеюсь, этот материал была полезна для Вас.
