CSS/Курсор: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
< CSS
Содержимое удалено Содержимое добавлено
Нет описания правки
м <source> -> <syntaxhighlight> (phab:T237267)
 
Строка 3: Строка 3:
Пример:
Пример:


<source lang="css">
<syntaxhighlight lang="css">
cursor: url('http://example.com/mypointer.cur'), pointer;
cursor: url('http://example.com/mypointer.cur'), pointer;
</syntaxhighlight>
</source>


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

Текущая версия от 16:03, 16 апреля 2020

Каскадные таблицы стилей позволяют менять вид курсора. Для этого существует свойство 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;