Курсоры

Вид

Значение

Тест

Пример

default

ТЕСТ

P {cursor:default}

crosshair

ТЕСТ

P {cursor:crosshair}

help

ТЕСТ

P {cursor:help}

move

ТЕСТ

P {cursor:move}

pointer

ТЕСТ

P {cursor:pointer}

progress

ТЕСТ

P {cursor:progress}

text

ТЕСТ

P {cursor:text}

wait

ТЕСТ

P {cursor:wait}

n-resize

ТЕСТ

P {cursor:n-resize}

ne-resize

ТЕСТ

P {cursor:ne-resize}

e-resize

ТЕСТ

P {cursor:e-resize}

se-resize

ТЕСТ

P {cursor:se-resize}

s-resize

ТЕСТ

P {cursor:s-resize}

sw-resize

ТЕСТ

P {cursor:sw-resize}

w-resize

ТЕСТ

P {cursor:w-resize}

nw-resize

ТЕСТ

P {cursor:nw-resize}

Таблица взята из справочника по CSS с сайта Влада Мержевича htmlbook

URL — позволяет установить свой собственный курсор, для этого нужно указать путь к файлу, в котором указана форма курсора, в формате CUR или ANI. Данный параметр работает только в браузере Internet Explorer 6.

В зависимости от операционной системы и ее настроек вид курсора может отличаться

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.cross { cursor: crosshair }
.help { cursor: help }
</style>
</head>
<body>

<p class="cross">На этом тексте курсор мыши примет вид перекрестья.</p>
<p>
<a href="help1.htm" class="help">СПРАВКА 1</a><br>
<a href="help2.htm" class="help">СПРАВКА 2</a><br>
<a href="help3.htm" class="help">СПРАВКА 3</a>
</p>

</body>
</html>

На этом тексте курсор мыши примет вид перекрестья.

СПРАВКА 1
СПРАВКА 2
СПРАВКА 3

Примечание

Некоторые браузеры поддерживают дополнительные формы курсоров. Например, Internet Explorer работает со значением hand, которое является аналогом значения pointer. Кроме того, только в этом браузере будут действовать следующие аргументы: all-scroll, col-resize, no-drop, not-allowed, row-resize, vertical-text.

Браузер Opera не поддерживает значение progress.

Cursor

Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут ввести в заблуждение, когда, например, вместо традиционной руки, появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все как есть.