Proprietà cursor CSS

Definizione e uso

L'attributo cursor specifica il tipo di cursore (forma) da visualizzare.

Questa proprietà definisce la forma del cursore utilizzato quando il puntatore del mouse si trova all'interno di un'area di confine di un elemento (nonostante CSS2.1 non definisca quale边界 determina questa area).

Vedi anche:

Corso CSS:Posizionamento CSS

Manuale di riferimento HTML DOM:Attributo cursor

Esempio

Diversi cursori:

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

Prova da solo

Sintassi CSS

cursor: value;

Valore dell'attributo

Valore Descrizione
url

URL del cursore personalizzato da utilizzare.

Nota:Definire sempre un cursore comune alla fine di questa lista, nel caso non ci sia un cursore disponibile definito da URL.
default Cursore predefinito (solitamente una freccia).
auto Predefinito. Il cursore impostato dal browser.
crosshair Il cursore è rappresentato come una croce.
pointer Il cursore è rappresentato come un puntatore che indica un link (una mano).
move Questo cursore indica che un oggetto può essere spostato.
e-resize Questo cursore indica che l'angolo destro del riquadro rettangolare può essere spostato verso destra (est).
ne-resize Questo cursore indica che l'angolo superiore del riquadro rettangolare può essere spostato verso l'alto e a destra (nord/est).
nw-resize Questo cursore indica che l'angolo superiore del riquadro rettangolare può essere spostato verso l'alto e a sinistra (nord/ovest).
n-resize Questo cursore indica che l'angolo superiore del riquadro rettangolare può essere spostato verso l'alto (nord).
se-resize Questo cursore indica che l'angolo inferiore del riquadro rettangolare può essere spostato verso il basso e a destra (sud/est).
sw-resize Questo cursore indica che l'angolo inferiore del riquadro rettangolare può essere spostato verso il basso e a sinistra (sud/ovest).
s-resize Questo cursore indica che l'angolo inferiore del riquadro rettangolare può essere spostato verso il basso (sud).
w-resize Questo cursore indica che l'angolo destro del riquadro rettangolare può essere spostato a sinistra (ovest).
text Questo cursore indica il testo.
wait Questo cursore indica che il programma è in esecuzione (solitamente un orologio o una sabbia).
help Questo cursore indica che è disponibile l'aiuto (solitamente un punto interrogativo o una bolla).

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: sì
Versione: CSS2
Sintassi JavaScript: object.style.cursor="crosshair"

Esempio TIY

Cambiare il cursore
Questo esempio dimostra come cambiare il cursore.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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

Nota:Opera 9.3 e Safari 3 non supportano url Valore.