CSS/Курсор

Материал из Викиучебника — открытых книг для открытого мира
< 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;

Дятел