propriedade Style cursor

definição e uso

cursor definir ou retornar o tipo de cursor a ser exibido para o ponteiro do mouse.

veja também:

manual CSS:propriedade cursor

instância

exemplo 1

mudar o cursor:

document.getElementById("myP").style.cursor = "pointer";

experimente você mesmo

exemplo 2

mostrar todos os cursor disponíveis:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

experimente você mesmo

exemplo 3

retornar o tipo do cursor:

alert(document.getElementById("myP").style.cursor);

experimente você mesmo

sintaxe

retornar a propriedade cursor:

objeto.style.cursor

definir a propriedade cursor:

objeto.style.cursor = value

valor de atributo

valor descrição
alias 光标指示要创建某事物的别名。
O cursor indica que um alias para algo deve ser criado. all-scroll
auto O cursor indica que é possível rolar em qualquer direção.
Padrão. O navegador define o cursor. cell
O cursor indica que uma célula (ou grupo de células) pode ser selecionada. context-menu
O cursor indica que o menu de contexto está disponível. col-resize
O cursor indica que o tamanho da coluna pode ser ajustado horizontalmente. copy
O cursor indica o conteúdo a ser copiado. crosshair
O cursor é apresentado como uma retícula. default
Cursor padrão. e-resize
ew-resize Cursor de ajuste bidirecional.
help O cursor indica que a ajuda está disponível.
move O cursor indica o que deve ser movido.
n-resize O cursor indica que a borda da caixa deve se mover para cima (norte).
ne-resize O cursor indica que a borda da caixa deve se mover para cima e para a direita (norte/leste).
nesw-resize Cursor de ajuste bidirecional.
ns-resize Cursor de ajuste bidirecional.
nw-resize O cursor indica que a borda da caixa deve se mover para cima e para a esquerda (norte/oeste).
nwse-resize Cursor de ajuste bidirecional.
no-drop O cursor indica que o item arrastado não pode ser colocado aqui.
none Nenhum cursor é apresentado para o elemento.
not-allowed O cursor indica que a ação solicitada não será executada.
pointer O cursor é um ponteiro, indicando um link.
progress O cursor indica que o programa está ocupado (em andamento).
row-resize O cursor indica que essa linha pode ser ajustada verticalmente.
s-resize O cursor indica que a borda da caixa deve se mover para baixo (sul).
se-resize O cursor indica que a borda da caixa deve se mover para baixo e para a direita (sul/leste).
sw-resize O cursor indica que a borda da caixa deve se mover para baixo e para a esquerda (sul/oeste).
text O cursor indica que o texto pode ser selecionado.
URL

Lista separada por vírgulas de URLs personalizados para o cursor.

Notas:Sempre especifique o cursor genérico no final da lista, para que não haja cursor disponível sem URL definido.
vertical-text O cursor indica que o texto vertical pode ser selecionado.
w-resize O cursor indica que a borda da caixa deve se mover para a esquerda (oeste).
wait O cursor indica que o programa está ocupado.
zoom-in O cursor indica que algo pode ser ampliado.
zoom-out O cursor indica que algo pode ser ampliado.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: auto
Retorno: String, que representa o cursor do mouse que é exibido quando o ponteiro do mouse está sobre o elemento.
Versão do CSS: CSS2

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte