Види курсорів в CSS
Привіт, в цій статті ми розглянемо тему курсорів в CSS.
Давайте відразу ж розглянемо, як задавати курсор:
img { cursor: pointer; }
В цьому прикладі ми встановили для селектора "img" параметр "cursor" із значенням "pointer".
Ось таблиця із базовими значеннями:
Вид курсора | Значение свойства 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 |
Власне зображення | url("/path/cursor.cur"),auto; |
Надіюсь ця стаття буде корисною для Вас.
Тільки авторизовані користувачі можуть додавати коментарі.