Як змінити зображення курсора миші

Одним з елементів дизайну сайту може послужити курсор миші. При навігації по сайту він зазвичай приймає зображення або стрілки - при наведенні на малюнки, фон, або маркер при наведенні на текст, або зображенні руки - для посилань. Всі ці зображення курсора є стандартними і однакові у всіх браузерах.

Однак, за допомогою CSS (каскадна таблиця стилів) можна змінити зображення курсора миші. Зробити його не стандартним у вигляді кольорового малюнка будь-якого розміру. Щоб змінити зображення курсора миші на початку необхідно визначитися при наведенні на який елемент сторінки (малюнки, текст, гіперпосилання) буде з'являтися це зображення. CSS дозволяє змінити зображення курсора миші для будь-якого елемента, навіть задати його для окремої літери тексту. Для цього в CSS існує властивість cursor, яке визначає його тип. Щоб його застосувати необхідно записати: селектор. Селектор це той елемент при наведенні на який потрібно змінити зображення курсора миші. Значення визначає, що це буде за зображення. Для завдання стандартних зображень можна застосовувати наступні значення (щоб побачити результат потрібно навести курсор на відповідаю рядок):

default - курсор за замовчуванням (часто стрілка)

auto - курсор задає браузер

crosshair - зображення у вигляді перехрестя

pointer - зображення у вигляді руки

move - вказує об'єкт, який можна перемістити

e-resize - визначає переміщення краю боксу вправо

ne-resize - переміщення краю боксу вгору і вправо

nw-resize - переміщення краю боксу вгору і вліво