CSS свойство cursor

Пример

.ex1
{
cursor:crosshair;
}
.ex2 
{
cursor:help;
}
.ex3 
{
cursor:default;
}

Попробовать в редакторе

Быстрый просмотр

Описание

С помощью свойства cursor Вы можете указать как будет выглядеть курсор мыши при наведении его на элемент.

Обратите внимание: внешний вид курсора отличается в различных браузерах.

Возможные значения

Свойство	Описание
auto	Браузер устанавливает вид курсора автоматически. Является значением по умолчанию.
crosshair	Курсор имеющий вид перекрестия.
default	Стандартный курсор (имеет вид белой стрелки).
e-resize	Курсор показывающий, что граница может быть сдвинута вправо (на восток).
help	Курсор имеющий вид вопросительного знака.
n-resize	Курсор показывающий, что граница может быть сдвинута наверх (на север).
ne-resize	Курсор показывающий, что граница может быть сдвинута направо и вверх (на северо-восток).
nw-resize	Курсор показывающий, что граница может быть сдвинута наверх и направо (на северо-запад).
pointer	Курсор принимающий вид указателя (отображается как рука с вытянутым указательным пальцем).
progress	Курсор показывающий, что запрос обрабатывается (обычно имеет вид стрелки с песочными часами).
s-resize	Курсор показывающий, что граница может быть сдвинута вниз (на юг).
se-resize	Курсор показывающий, что граница может быть сдвинута вниз и вправо (на юго-восток).
sw-resize	Курсор показывающий, что граница может быть сдвинута вниз и влево (на юго-запад).
text	Курсор показывающий текст.
w-resize	Курсор показывающий, что граница может быть сдвинута налево (на запад).
wait	Курсор показывающий, что запрос обрабатывается (обычно имеет вид песочных часов).

« CSS Справочник