Вид курсора

С помощью правил 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 не будет опубликован.