Atributo CSS cursor

Definição e uso

A propriedade cursor define o tipo de cursor (forma) a ser exibido.

Esta propriedade define a forma do cursor usado quando o ponteiro do mouse está dentro do limite de um elemento (no entanto, o CSS2.1 não define qual limite determina esse limite).

Veja também:

Tutorial CSS:Posicionamento CSS

Manual de referência do HTML DOM:Atributo cursor

Exemplo

Alguns cursor diferentes:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Experimente você mesmo

Sintaxe do CSS

cursor: value;

Valor do atributo

Valor Descrição
url

URL do cursor personalizado a ser usado.

Notas:Defina sempre um cursor comum no final dessa lista, para caso não haja cursor disponível definido por URL.
default Cursor padrão (geralmente uma seta).
auto Padrão. Cursor configurado pelo navegador.
crosshair O cursor é apresentado como uma cruz.
pointer O cursor é apresentado como um ponteiro indicador de link (uma mão).
move Este cursor indica que um objeto pode ser movido.
e-resize Este cursor indica que a borda retangular pode ser movida para a direita (leste).
ne-resize Este cursor indica que a borda retangular pode ser movida para cima e para a direita (norte/oriente).
nw-resize Este cursor indica que a borda retangular pode ser movida para cima e para a esquerda (norte/oeste).
n-resize Este cursor indica que a borda retangular pode ser movida para cima (norte).
se-resize Este cursor indica que a borda retangular pode ser movida para baixo e para a direita (sul/oriente).
sw-resize Este cursor indica que a borda retangular pode ser movida para baixo e para a esquerda (sul/oeste).
s-resize Este cursor indica que a borda retangular pode ser movida para baixo (sul).
w-resize Este cursor indica que a borda retangular pode ser movida para a esquerda (oeste).
text Este cursor indica texto.
wait Este cursor indica que o programa está ocupado (geralmente uma mesa ou um relógio de areia).
help Este cursor indica ajuda disponível (geralmente um ponto de interrogação ou um balão).

Detalhes técnicos

Valor padrão: auto
Herança: sim
Versão: CSS2
Sintaxe do JavaScript: object.style.cursor="crosshair"

TIY Exemplo

Alterar cursor
Este exemplo demonstra como alterar o cursor.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Notas:O Opera 9.3 e o Safari 3 não suportam url valor.