CSS/Курсор: различия между версиями
< CSS
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
DannyS712 (обсуждение | вклад) м <source> -> <syntaxhighlight> (phab:T237267) |
||
Строка 3: | Строка 3: | ||
Пример: |
Пример: |
||
< |
<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;