Web-Programming.in.ua

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

Привіт, в цій статті ми розглянемо тему курсорів в CSS.

Давайте відразу ж розглянемо, як задавати курсор:

img {
  cursor: pointer;
}

В цьому прикладі ми встановили для селектора "img" параметр "cursor" із значенням "pointer".

Ось таблиця із базовими значеннями:

Cursors CSS
Вид курсора Значение свойства 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;

Надіюсь ця стаття буде корисною для Вас.

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору