CSS курсоры для сайта

Свойства CSS позволяют изменить вид курсора для элементов веб-страниц: для изображений, текста, блоков, ссылок и пр.

Вид и CSS-код приведены в таблице ниже. Курсор меняет свою форму в зависимости от того, на какую строку таблицы навели мышкой.

 

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

 

Метки:
Loading Disqus Comments ...
Loading Facebook Comments ...

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

Ваш адрес email не будет опубликован.