CSS: Зміна вигляду курсору

Властивість курсора дозволяє змінити вигляд курсору на елемент веб-сторінки.

Клієнт автоматично покаже курсор на своєму комп'ютері, який відповідає вибору курсора.

Приклад

Приклад курсору у вигляді хреста (перехрестя):

 тіло {курсор: перехрестя; }

Можна, звичайно, дати різні стилі декільком елементам однієї сторінки

Приклад стилю як хреста на "тіло" стилі прикрашений пісочним годинником фігури на зображеннях і рукою по посиланнях.

 тіло {курсор: перехрестя; } img {курсор: чекати; } a: link {курсор: покажчик; }

Список можливих атрибутів

Self: Вигляд такий же, як курсор за замовчуванням на тезі, який має атрибут, не змінюється.
За замовчуванням: переглядач за промовчанням.
Покажчик: Курсор у формі руки з розгорнутим пальцем.
Текст: Редагування тексту курсору.
Довідка: Допомога курсору.
Зачекайте: зачекайте курсор
Прогрес: прогрес слайдера.
Перемістити: Рух курсора.
Перехрестя: хрест у формі курсора.

N-resize: змінити розмір курсору внизу.
S-resize: змінити розмір повзунка зверху вниз.
E-resize: зміна розміру курсору зліва направо.
W-resize: змінити розмір курсору праворуч наліво.
Ne-resize: Змінити розмір курсору внизу зліва вгорі праворуч.
Nw-resize: Змінити розмір курсору внизу справа вгорі ліворуч.
Se-resize: змінити розмір курсору зверху ліворуч внизу праворуч.
Sw-resize (Змінити розмір): змінити розмір курсору праворуч внизу ліворуч.
- Зверніть увагу, що: Насправді легко запам'ятати всі ці властивості відразу.
- n, s, e, w відповідають півночі, півдня, сходу, заходу, тобто вгору, вниз, вправо, вліво.
- Просто вкажіть напрямок вказування курсору, а потім, звичайно, "-reize".

Firefox і Opera ігнорують наступні вказівки.

Успадковувати: навіть як батьківський тег курсора.
Недозволені: Курсор у формі круглого прокручування.
No-drop: Курсор у формі руки з пальцями і круглий розгорнутий атак.
Col-resize: Курсор - це дві вертикальні лінії зі стрілкою на кожній стороні.
Зміна розмірів рядка: Курсор - це дві горизонтальні лінії зі стрілкою на кожній стороні.