Web-Programming.in.ua

Пошук

Авторизація

Запам`ятати
Реєстрація

Останні коментарі

load->view("blocks/last_comments", array("static_resources" => $static_resources));?>

Популярні статті

load->view("blocks/top_posts", array("static_resources" => $static_resources, "posts" => $this->postsmodel->getTopPosts()));?>

RSS

Види курсорів в 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;

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

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

Нагору