AJAX загрузка
home

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 Курсор показывающий, что запрос обрабатывается (обычно имеет вид песочных часов).