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