курсоры мышки

Вид курсора

С помощью правил CSS можно менять вид у курсора мышки. Причем вид зависит от операционной системы (xp, seven, 8, vista) и темы оформления. В таблице ниже приведены виды курсора при наведении мыши, сделанные при помощи правил CSS:

Вид Значение Пример — навести курсор на ячейку Браузер
auto Браузер самостоятельно определяет вид курсора Все
default style=»cursor: default;» Все
pointer style=»cursor: pointer;» Все
crosshair style=»cursor: crosshair;» Все
text style=»cursor: text;» Все
wait style=»cursor: wait;» Все
help style=»cursor: help;» Все
inherit Значение наследуется от родительского элемента Все
move style=»cursor: move;» Все
e-resize style=»cursor: e-resize;» Все
ne-resize style=»cursor: ne-resize;» Все
nw-resize style=»cursor: nw-resize;» Все
n-resize style=»cursor: n-resize;» Все
se-resize style=»cursor: se-resize;» Все
sw-resize style=»cursor: sw-resize;» Все
s-resize style=»cursor: s-resize;» Все
w-resize style=»cursor: w-resize;» Все
progress style=»cursor: progress;» Все
col-resize style=»cursor: col-resize;» IE, Moz, Webkit
not-allowed style=»cursor: not-allowed;» IE, Moz, Webkit
row-resize style=»cursor: row-resize;» IE, Moz, Webkit
vertical-text style=»cursor: vertical-text;» IE, Moz, Webkit
url(uri) style=»cursor: url(mycursor.cur), cursor_type;» IE, MozWebkit — ошибка с точкой привязкиOpera — применит стандартное значение
all-scroll style=»cursor: all-scroll;» IEMoz, Webkit — аналогичен «move»
no-drop style=»cursor: no-drop;» IEMoz, Webkit — аналогичен «not-allowed»



Добавить комментарий

Ваш e-mail не будет опубликован.