CSS/Курсор

Курсор

Градиенты

Каскадные таблицы стилей позволяют менять вид курсора. Для этого существует свойство cursor, которое впервые появилось в CSS2 и дополнилось новыми значениями в CSS3. Кроме того, можно задавать свой собственный вид курсора.

Пример:

cursor: url('http://example.com/mypointer.cur'), pointer;

Если не находится курсор, указанный в файле, то используется значение из стандартных курсоров. Формат файла может быть png, gif, svg, cur и ani (последний только для IE).

cursor: auto;

cursor: default;

cursor: none;

cursor: context-menu;

cursor: help;

cursor: pointer;

cursor: progress;

cursor: wait;

cursor: cell;

cursor: crosshair;

cursor: text;

cursor: vertical-text;

cursor: alias;

cursor: copy;

cursor: move;

cursor: no-drop;

cursor: not-allowed;

cursor: col-resize;

cursor: row-resize;

cursor: all-scroll;

cursor: n-resize;

cursor: e-resize;

cursor: s-resize;

cursor: w-resize;

cursor: ne-resize;

cursor: nw-resize;

cursor: se-resize;

cursor: sw-resize;

cursor: ew-resize;

cursor: ns-resize;

cursor: nesw-resize;

cursor: nwse-resize;

cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: grab;

cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: grabbing;

cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -o-zoom-in; cursor: zoom-in;

cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: -o-zoom-out; cursor: zoom-out;